JQuery code to remove all spaces with one content but one

Question

Let's say I have the following 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>

I tried different methods, but this did not work, I want the jQuery code to delete all (.fruit) gaps with one content, but keep one (if possible, the first), so I get the following:

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

thank

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