Question

我有一个容器div，其中包含许多元素div，所有元素div都有唯一的ID。然后我进行ajax调用以获取更多元素并将它们附加到DOM。

这可以使用下面的函数，但我需要检查我追加的内容在DOM中是否已经存在。我一直在研究使用each（）和remove（）或detach（）来做到这一点，但我不确定jQuery语法，真的需要一些帮助。

function loadMoreItems(url) {
    $.get(url, null, function(data) {
       var container = $(data).find('#container');
       var newItemsHTML = "";  

       /*-- not sure what to do in between
       container.find('.element').remove();
       container.each('.element').detach();
        --*/

        newItemsHTML = $(container).html();
        var $newItems = $(newItemsHTML);

        $container.isotope('insert', $newItems, true);

    }, 'html');
}


<div class="element" id="id_172977"></div>

Answer 1

假设所有附加的div都有类element，你可以做

$(".element").each(function() { 
   container.find("#" + this.id).remove(); 
});

Demo

Ajax / jQuery - 追加新项目但是在DOM中不存在检查

1 个答案: