jquery - 如何删除重复的 div 部分？

Question

我将数据输出附加到此 div 部分。

在此<div>内部分，有<div>重复的部分。如何删除后面的重复项？

要删除的示例编码:

<div id=EXTRACTION_a>something ...</div>
<div id=EXTRACTION_b>something ...</div>
<div id=EXTRACTION_c>something ...</div>
<div id=EXTRACTION_a>something ...</div>
<div id=EXTRACTION_b>something ...</div>
<div id=EXTRACTION_a>something ...</div>
<div id=EXTRACTION_c>something ...</div>
<div id=EXTRACTION_d>something ...</div>
<div id=EXTRACTION_a>something ...</div>

我想保留第一次出现的 a、b、c、d 并删除其余的。

我尝试了这个编码但不起作用:

            var count = -1;
            \$("div[id^='EXTRACTION_']").each(function(){
               count ++;
               var ids = \$('[id='+this.id+']');
               var originaldivsectin = \$(this);

               var count2 = 0;
               \$("div[id^='EXTRACTION_']").each(function(){
                    count2 ++;
                    var copyids = \$('[id='+this.id+']');
                    var dupdivsection = \$(this);
                    if (count != count2 && copyids.length>1 && ids[count]==copyids[count2])
                    {
                        dupdivsection.remove();   
                    }
               });

               // if(ids.length>1 && ids[0]==this)
               // {  
               //       \$(this).remove();
               //       alert('Multiple IDs #'+this.id);
               // }
            });

注意:jquery 对我来说仍然是一门新语言

Answer 1

编辑:根据您的更新，我发现您只想根据可能匹配的 ID 删除某些元素，并且每种类型可能有多个匹配项。

您可以这样做:

Click here to test a working example. ^(jsFiddle)

var found = {}; // Container to hold each unique ID that we find.

$('div[id^=EXTRACTION_]').filter(function() {
    var ending = this.id.replace("EXTRACTION_","");
    if( found.hasOwnProperty( ending ) ) {
        return this;
    } else {
        found[ ending ] = ending;
    }
}).remove();

基本上使用 attribute-starts-with-selector^(docs)我们选择所有以EXTRACTION_开头的元素。 (我还向选择器添加了 div。如果它们不是全部 div，请将其删除。)

然后我们filter()^(docs)他们。在过滤器中，我们首先提取 ID 的唯一部分。然后我们检查该 ID 是否是我们创建的名为 found 的对象的属性。如果不是，请将其添加为属性。如果它已经是一个属性，则意味着我们已经遇到过它，因此我们返回此，这将导致 .filter() 将该元素保留在集合中.

所以最后，我们只剩下那些重复的元素，然后我们可以做 remove()^(docs) .

<小时/>

原文:

这将为您处理重复项。

$( 'div > div' ) .remove()

<小时/>