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

Answer 1

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

See adjacent sibling selectors.

Answer 2

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