Question

我有一个像这样的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/

Answer 2

请参阅：JQuery: Remove duplicate elements?

而不是检查

 $(this).text()

检查

$(this).attr('data-id')

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

2 个答案: