jQuery selector question

Question

I have a unordered list like the one below:

<ul id="tabs">
      <li><a href="#tab1">latest news</a></li>
      <li class="active"><a href="#tab2">latest posts</a></li>
      <li><a href="#tab3">latest posts</a></li>
      <li><a href="#tab4">latest posts</a></li>
</ul>

I can't find a jQuery selector that gets the next list item from the one whith the .active class, so if .active is the second one the jQuery selector will give me the third list item.

Thank's

Quentin · Accepted Answer · 2009-11-21 11:14:39Z

3

In one step: jQuery('li.active + li');

See adjacent sibling selectors.

answered Nov 21, 2009 at 11:14

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Mathias Bynens Over a year ago

+1 This answer is preferred, since it only requires one query from the selector engine.

Andrei Over a year ago

Thank's. Yes you are right, but how do I select the previous list item using this method?

Quentin Over a year ago

You can't. CSS is short on selectors that select an element based on content that follows the element's start tag.

Soufiane Hassou Over a year ago

you'll have use prev() I think.

Soufiane Hassou · Accepted Answer · 2009-11-21 11:10:08Z

3

$('ul#tabs li.active').next();

answered Nov 21, 2009 at 11:10

Soufiane Hassou

17.8k2 gold badges42 silver badges76 bronze badges

1 Comment

Andrei Over a year ago

Thank's alot I thought this will select only the next list items that have a class .active.

Collectives™ on Stack Overflow

jQuery selector question

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related