如何删除一组元素并使用jQuery或Javascript保留一个元素？

Question

我有一个元素组（无论这个元素的数量是多少） 我想删除所有并留下一个 使用javascript或jQuery

例如：

这就是我所拥有的：

<li>
  <div class='x'/>
  <div class='x'/>
  <div class='x'/>
  <div class='x'/>
  <div class='x'/>
  ...
</li>

我想这样做

<li>
 <div class='x'/>
</li>

Answer 1

您可以使用专门用于您目的的切片。 https://regex101.com/r/bD6zF0/1 它基本上是从元素集中创建一个子集。

$("li .x").slice(1).remove();

此示例选择除第一个之外的所有元素并删除该子集

Answer 2

这样你就可以删除除了最后一个类之外的每个具有类x的元素。

$(".x:not(:last)").remove();