jquery在刪除以前的內容後附加內容

Question

我認爲使用.append函數先前的查找在.json文件中指定了內容，它將只返回一次內容，如果我再次將.append的.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"); 
     }); 
    }); 

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