2009-05-30 9 views
38

J'ai une liste avec des liens que j'utilise avec des onglets. Cela ressemble à ceci:Trouver l'élément avant et après un élément spécifique

<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> 

Comment puis-je trouver l'élément de liste avant et après l'onglet actif? (Dans ce cas, le deuxième et le quatrième onglet).

Essayé en utilisant find, sans succès :(

Répondre

86
$("li.active").next(); 

et

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

Aussi, si vous voulez trouver specificly l'élément suivant et précédent li, il vous suffit de donner les méthodes un sélecteur : $ ('li.active'). next ('li'); –

+0

Merci, a travaillé exactement comme je le voulais! Je ne comprends pas pourquoi je suis trébucher avec find(): P –

+5

Pour obtenir les deux éléments dans le même ensemble, vous pouvez aussi faire quelque chose comme $ ("li.active"). prev ("li"). add ("li.active + li"); –

Questions connexes