2009-05-30 13 views
38

Tengo una lista con enlaces que uso con pestañas. Se ve así:Encontrar el elemento antes y después de un elemento específico

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

¿Cómo puedo encontrar el elemento de lista antes y después de la pestaña activa? (En este caso, la segunda y cuarta pestaña).

intentado usar hallazgo, sin éxito :(

Respuesta

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

y

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

Además, si usted quiere encontrar especificamente la siguiente y anterior elemento li, sólo puede dar los métodos de un selector : $ ('li.active'). next ('li'); –

+0

¡Gracias, funcionó exactamente como yo quería! No puedo entender por qué estoy tropezando con find(): P –

+5

Para obtener los dos elementos en el mismo conjunto, también podría hacer algo como $ ("li.active"). prev ("li"). add ("li.active + li"); –

Cuestiones relacionadas