Question

我认为使用.append函数先前在.json文件中查找指定内容，如果我再次在.append之前放入div的.empty属性，它将只返回一次内容。但我错了。

我认为必须有一个函数来阻止这些循环，但我不明白。

    $('#mn_1').live('click', function() {
        $('#tt_mn').text("");
        var idx = $(this).data('articleidx');
        $.getJSON("auth/data_prod.json", function(data) {
            $("<p class='prod_c'>" + data.articles[idx].title + "</p>").appendTo("#tt_mn");
        });
    });

at document.ready

$(document).ready( function() {
    $('#tt_mn').text("");
});

非常感谢你。

Answer 1

尝试在回调中使用html()它将使用您提供的新数据替换以前的数据

$("#tt_mn").html($("<p class='prod_c'>" + data.articles[idx].title + "</p>"));

DEMO

Answer 2

我不确定我是否理解这个问题，但问题是在追加之前清空div？

反正我会试一试

$(document).on('click', '#mn_1', function() {
    var idx = $(this).data('articleidx');
    $.getJSON("auth/data_prod.json", function(data) {
        $("#tt_mn").html("<p class='prod_c'>" + data.articles[idx].title + "</p>");
    });
});

擦除以前的内容后，jquery附加内容

2 个答案: