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);