jQuery select all except first

Question

In jQuery how do I use a selector to access all but the first of an element  So in the following code only the second and third element would be accessed  I know I can access them manually but there could be any number of elements so thats not possible  Thanks    lt div class  test  gt  lt  div gt   lt div class  test  gt  lt  div gt   lt div class  test  gt  lt  div gt

User · Answer

My answer is focused to a extended case derived from the one exposed at top.

Suppose you have group of elements from which you want to hide the child elements except first. As an example:

<html>
  <div class='some-group'>
     <div class='child child-0'>visible#1</div>
     <div class='child child-1'>xx</div>
     <div class='child child-2'>yy</div>
  </div>
  <div class='some-group'>
     <div class='child child-0'>visible#2</div>
     <div class='child child-1'>aa</div>
     <div class='child child-2'>bb</div>
  </div>
</html>

We want to hide all .child elements on every group. So this will not help because will hide all .child elements except visible#1:
```
$('.child:not(:first)').hide();
```

The solution (in this extended case) will be:

$('.some-group').each(function(i,group){
    $(group).find('.child:not(:first)').hide();
});

User · Answer

x000D   x000D    document  ready function    x000D   x000D        btn1   click function    x000D               div test not  first    hide    x000D        x000D   x000D        btn2   click function    x000D                div test   show    x000D               div test not  first  not  last    hide    x000D        x000D   x000D        btn3   click function    x000D               div test   hide    x000D               div test not  first  not  last    show    x000D        x000D   x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   x000D   lt button class  btn1  gt Hide All except First lt  button gt  x000D   lt button class  btn2  gt Hide All except First  amp  Last lt  button gt  x000D   lt button class  btn3  gt Hide First  amp  Last lt  button gt  x000D   x000D   lt br  gt  x000D   x000D   lt div class  test  gt First lt  div gt  x000D   lt div class  test  gt Second lt  div gt  x000D   lt div class  test  gt Third lt  div gt  x000D   lt div class  test  gt Last lt  div gt  x000D   x000D   x000D

User · Answer

Because of the way jQuery selectors are evaluated right-to-left  the quite readable li not  first  is slowed down by that evaluation   An equally fast and easy to read solution is using the function version  not   first     e g      li   not   first   hide      JSPerf  http   jsperf com fastest-way-to-select-all-expect-the-first-one 6  This is only few percentage points slower than slice 1   but is very readable as  I want all except the first one

User · Answer

div test not  first    hide      or      div test not  eq 0     hide      or      div test   not   eq 0    hide      or      div test gt 0    hide      or   as per  Jordan Lev s comment       div test   slice 1  hide      and so on   See    http   api jquery com first-selector  http   api jquery com not-selector  http   api jquery com gt-selector  https   api jquery com slice

[jquery] jQuery select all except first

Examples related to jquery

Examples related to jquery-selectors