jQuery代码删除具有相同内容的所有跨度但保留一个

Rya*_*yan 3 javascript jquery

说我有以下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>
Run Code Online (Sandbox Code Playgroud)

我尝试了不同的方法,但它不起作用,我想要一个jQuery代码删除所有(.fruit)跨度相同的内容,但保留一个(如果可能的话,第一个),所以我将最终得到以下内容:

<span class="fruit">Apple</span>
<span class="fruit">banana</span>
<span class="fruit">orange</span>
Run Code Online (Sandbox Code Playgroud)

谢谢

Dav*_*ton 8

 $("span.fruit:contains(Apple):not(:first)").remove();
Run Code Online (Sandbox Code Playgroud)