jquery - 删除具有重复数据属性的项目

Question

这个问题已经有答案了:

JQuery: Remove duplicate elements? (8 个回答)

已关闭 10 年前。

我有一个这样的 div 列表

<div data-id="001">Blah Blah Blah</div>
<div data-id="001">Blah Blah Blah</div>
<div data-id="002">Blah Blah Blah</div>
<div data-id="002">Blah Blah Blah</div>
<div data-id="002">Blah Blah Blah</div>
<div data-id="003">Blah Blah Blah</div>
<div data-id="003">Blah Blah Blah</div>
<div data-id="004">Blah Blah Blah</div>

是否可以扫描此列表并删除任何具有重复数据的项目，以便我最终得到更像这样的内容:

<div data-id="001">Blah Blah Blah</div>
<div data-id="002">Blah Blah Blah</div>
<div data-id="003">Blah Blah Blah</div>
<div data-id="004">Blah Blah Blah</div>

Answer 1

当然，当您枚举所有项目时，只需跟踪您已经找到的所有项目即可。

var found = {};
$('[data-id]').each(function(){
    var $this = $(this);
    if(found[$this.data('id')]){
         $this.remove();   
    }
    else{
         found[$this.data('id')] = true;   
    }
});

实例:http://jsfiddle.net/kpEtQ/