jQuery: obtient immédiatement l'élément suivant après l'élément en cours

Question

J'ai besoin de mettre l'accent sur l'élément qui est immédiatement suivant (et dans l'autre cas immédiat prev) sur l'élément courant.

Par exemple:

<li>item1</li> <- prev element (get this element) 
<li>item1</li><- current element 
<li>item1</li> <- next element (get this element) 
<li>item1</li> 

C'est ce que je

var curr = (event.target).next(); 
$(curr).trigger('focus'); 

quand je vérifie la valeur de curr en Firebug il montre non définie pour une raison quelconque.

Answer 1

var curr = (event.target).nextSibling; 

Answer 2

Êtes-vous dans un gestionnaire d'événements jquery? Si oui, pourquoi ne pas utiliser $(this).next() et/ou $(this).prev()?

Answer 3

Utilisez

$(event.target).next() 

pour obtenir le frère suivant. Vous pouvez également passer une expression à la fonction next. Cela permet de sélectionner la fratrie à côté de vous correspondre sélecteur:

$(event.target).next("p") 

Vous pouvez également utiliser nextAll, qui fonctionne de la même manière, mais retourne tous les sublings suivants. See more here. Il y a aussi, prev et prevAll, qui sont les analogues pour obtenir le (s) élément (s) précédent (s).

Fondamentalement, vous étiez vraiment proche, vous avez juste besoin d'envelopper event.target dans l'objet jQuery, comme event.target renvoie l'élément réel.