javascript - 如何在无限滚动追加后删除具有重复类的元素

Question

我正在使用 jQuery 实现基于 AJAX 的无限滚动功能。当无限滚动附加到 DOM 时，一些生成的新 div 可能会重复，因为其他用户向同一页面添加其他注释可能会打乱 mysql 顺序。

因此，我需要删除由于无限滚动附加而添加到页面的任何重复注释。

格式为

 <div class = "comment 1">comment text</div>

所以任何重复都会是

 <div class = "comment 12">comment text</div>
 <div class = "comment 12">comment text</div>

本质上，我正在寻找一种方法来循环遍历类中所有带有“comment”的div，并删除任何出现多次评论和编号的div，例如如上例中的“comment 12”，同时保留至少一份副本。

我该如何实现这个目标？非常感谢。

Answer 1

虽然不是很漂亮，但是类似这样的东西吗？

$('.comment').each(function() {

    var currentclass = $.trim($(this).attr('class').replace('comment', ''));

    if ($('.comment.' + currentclass).length > 1) {
        $(this).remove();
    }

});

这是一个 fiddle :http://jsfiddle.net/Niffler/5w33E/