How to select all elements except the first one inside a set of multiple matched elements in jQuery?

Question

It must be late... Given the following HTML, how would one select all of the paragraphs except for the first paragraph inside each of the div.thePosts?

I have tried:

$('.thePost').children('p:gt(0)')

and

$('.thePost p:gt(0)')

and

$('.thePost > p:gt(0)')

All of which work fine for the very first div.thePost but end up selecting all other <p> tags within any other div with the class of thePost.

<div id="contentmiddle">

<div class="thePost">

  <h1>...</h1>

  <h3>...</h3>

  <span>...</span> 

  <p>...</p>
  <p>...</p>
  <p>...</p>
  <p>...</p>

</div><!-- /thePost -->

<div class="thePost">

  <h1>...</h1>

  <h3>...</h3>

  <span>...</span> 

  <p>...</p>
  <p>...</p>
  <p>...</p>
  <p>...</p>

</div><!-- /thePost -->

</div><!-- /contentmiddle -->

`$('.thePost').find('p:gt(0)')` http://jsfiddle.net/4TLv8/ – Ram Oct 10 '12 at 05:40 — Ram, Oct 10 '12 at 05:40

score 6 · Accepted Answer · edited May 23 '17 at 11:48

6

:first-of-type is not a jQuery selector, so unless a browser supports it natively in CSS, the solutions using :first-of-type won't work.

If you need to support older browsers (IE < 9), you need to use next siblings selector ~ instead:

$('.thePost > p ~ p')

edited May 23 '17 at 11:48

Community

1
1

answered Oct 10 '12 at 05:41

BoltClock

700,868
160
1,392
1,356

@BoltClock Agree, beautiful! :) Thank you again. You get my vote. – jonathanbell Oct 10 '12 at 05:49

score 4 · Answer 2 · answered Oct 10 '12 at 05:37

4

How about $('.thePost > p:not(:first-of-type)')

answered Oct 10 '12 at 05:37

Musa

96,336
17
118
137

THANK YOU! (I shall now go read the documentation on :first-of-type.... Or go to bed...) – jonathanbell Oct 10 '12 at 05:41
2

@jonny.milano: You won't find `:first-of-type` in the jQuery documentation... it's in the CSS spec: http://www.w3.org/TR/selectors/#first-of-type-pseudo – BoltClock Oct 10 '12 at 05:42
@BoltClock ah thanks! Is that to say I can use any level 3 CSS selector in a modern version of jQuery? – jonathanbell Oct 10 '12 at 05:46
@jonny.milano: Actually, no, not all of them. See the link in my answer for why. – BoltClock Oct 10 '12 at 05:47
Dang it! You stole my answer. :) gotta love css3 selectors. – Brian Noah Oct 10 '12 at 05:47

score 2 · Answer 3 · answered Oct 10 '12 at 05:37

2

Try this

$('.thePost > p:not(:first)')

OR

$('.thePost').find('p:gt(0)')

answered Oct 10 '12 at 05:37

Sushanth --

55,259
9
66
105

score 1 · Answer 4 · answered Oct 10 '12 at 05:38

1

$('.thePost p:not(:first-of-type)')

answered Oct 10 '12 at 05:38

tomaroo

2,524
1
19
22

score 0 · Answer 5 · answered Oct 10 '12 at 05:47

0

you can try too $('p:gt(0)','.thepost'));

answered Oct 10 '12 at 05:47

Loïc bcn

154
5

How to select all elements except the first one inside a set of multiple matched elements in jQuery?

5 Answers5