Find the element before and after a specific element

rebellion picture rebellion · May 30, 2009 · Viewed 46.7k times · Source

I have a list with links I use with tabs. It looks like this:

<ul>
    <li><a href="#">First tab</a></li>
    <li><a href="#">Second tab</a></li>
    <li class="active"><a href="#">Active tab</a></li>
    <li><a href="#">Fourth tab</a></li>
    <li><a href="#">Fifth tab</a></li>
</ul>

How can I find the list element before and after the active tab? (In this case, the second and fourth tab).

Tried using find, with no success :(

Answer

cletus picture cletus · May 30, 2009
$("li.active").next();

and

$("li.active").prev();