jquery - 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>"));

演示

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