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代碼刪除所有（.fruit）跨度相同的內容，但保留一個（如果可能的話，第一個），所以我將最終得到以下內容：

<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

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

Answer 3

var temp = array[];

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

});

Answer 4

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