jquery在擦除之前的内容后追加内容

Question

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

我认为一定有一个函数可以阻止这些循环，但我不明白。

    $('#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");
        });
    });

见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>");
    });
});