javascript - 如果有多个元素，如何只保留一个元素

Question

每次加载页面时，我都会有随机数量的具有相同类和不同(随机)ID 的元素。

我想知道如何根据它们的类在页面上只保留一个元素并从 DOM 中删除其他元素？

例子:

<div id="joke" class="hey"></div>
<div id="joking" class="hey"></div>
<div id="jokes" class="hey"></div>
<div id="joker" class="hey"></div>

我只想保留 id="joke"，其中 joke(至于其他元素的 id 值)是随机/动态生成。

Answer 1

如果你只想保留第一个:

$('.hey').slice(1).remove();

引用: .slice() , .remove()