删除除特定类之外的所有元素

时间:2014-04-03 10:32:26

标签: jquery

我有一个具有多个相等值的选择列表。我想删除所有重复项并保留其中一个。

<select class="pager">
  <option value="#">-- Kies een pagina --</option>
    <option value="some_value" class="active">1</option>
    <option value="some_value" class="pager-current">2</option>
    <option value="some_value" class="pager-current">2</option>
    <option value="some_value" class="pager-current">2</option>
    <option value="some_value" class="pager-current">2</option>
</select>

所以基本上我想做

$(select.pager option.pager-current).remove();

但保留一个option.pager-current元素。

jQuery中是否有选项可以选择#34;除了一个&#34;元件?

2 个答案:

答案 0 :(得分:3)

您可以使用.eq()指定:not以保留哪个元素,并在匹配的dom.use中删除其余元素:

$('.pager').find('.pager-current:not(:eq(0))').remove();

<强> Working Demo

答案 1 :(得分:3)

我看到你已经得到了答案,但我个人认为slice使其更具可读性;

 $('.pager .pager-current').
     slice(1).
     remove();