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