刪除html元素中的重複項

Question

刪除葡萄的最佳方法是什麼？有噸的去除簡單數組重複值的方法，但同時:contains藉此將與HTML元素的數組

<div class="fruit"> 
     grapes 
</div> 
<div class="fruit"> 
     bananas 
</div> 
<div class="fruit"> 
     grapes 
    </div> 

我已經使用類似

$('.fruit').each(function() { 
     $('.fruit:has("' + $(this).text() + '"):gt(0)').remove(); 
}); 

Answer 1

:has試圖預計元素選擇字符串

看到http://api.jquery.com/contains-selector/

所以這應該做的伎倆：

$('.fruit').each(function() { 
     $('.fruit:contains("' + $(this).text() + '"):gt(0)').remove(); 
}); 

小提琴：http://jsfiddle.net/kam7E/

Answer 2

嘗試

var obj = {}; 
$('.fruit').each(function(){ 
    var text = $.trim($(this).text()); 
    if(obj[text]){ 
     $(this).remove(); 
    } else { 
     obj[text] = true; 
    } 
}) 

演示：Fiddle

Answer 3

下面是該工作小提琴： -

http://jsfiddle.net/HwUUs/1/

$("div:contains('grapes')").remove(); 

Answer 4

http://jsfiddle.net/S3wXM/1/

假設你希望只刪除重複的一個。

使用contains，就像上面的答案一樣，但實現略有不同。

$($("div:contains('grapes')")[0]).remove(); 

http://api.jquery.com/jQuery.unique/ - 這也可能對您有用。

Answer 5

var uniqueFruits = []; 
$(".fruit").each(function(i,e){ 
    var thisFruit = $.trim($(e).text()); 
    if(uniqueFruits.indexOf(thisFruit) == -1) 
     uniqueFruits.push(thisFruit); 
    else 
     $(e).remove(); 
}); 

http://jsfiddle.net/a7E9e/

Answer 6

的jsfiddle這裏：http://jsfiddle.net/THEtheChad/UKRwf/

var found = {}; 
var $unique_fruits = $('.fruit').filter(function(){ 
    var data = this.innerHTML.trim(); 

    if(!found.hasOwnProperty(data)) return found[data] = true; 
});