jQuery代码删除与相同内容的所有跨度，但保持一个

Question

说我有下面的HTML：

<span class="fruit">Apple</span> 
<span class="fruit">banana</span> 
<span class="fruit">Apple</span> 
<span class="fruit">Apple</span> 
<span class="fruit">orange</span> 

我尝试了不同的方法，但它没有工作，我想一个jQuery代码删除所有（。水果）与相同内容的跨越，但保持一个（第一如果可能的话），所以我将结束与以下：

<span class="fruit">Apple</span> 
<span class="fruit">banana</span> 
<span class="fruit">orange</span> 

谢谢

Answer 1

$("span.fruit:contains(Apple):not(:first)").remove(); 

Answer 2

var temp = array[]; 

$(".fruit").each(function(i) { 
    var html = $($this).html(); 
    if($.inArray(html, temp)) { 
     $($this).remove(); 
    } 
    else { 
     temp.push(html); 
    } 

}); 

Answer 3

$('span.fruit').each(function(){ 
    return $('span.fruit:contains('+$(this).text()+'):not(:first)').remove(); 
}) 

Answer 4

temp = $('span:first').clone(true); 
//remove all the span 
$().html(); 
$().append(temp);