jQuery: pobierz natychmiast następny element za bieżącym elementem

Question

Potrzebuję ustawić fokus na element, który jest bezpośrednio następny (aw innym przypadku natychmiastowy poprzedni) do bieżącego elementu.

Na przykład:

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

To co kiedyś

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

kiedy sprawdzić wartość curr w Firebug to pokazuje niezdefiniowany z jakiegoś powodu.

Answer 1

var curr = (event.target).nextSibling; 

Answer 2

Czy jesteś w środku obsługi zdarzeń jquery? Jeśli tak, to dlaczego nie używać $(this).next() i/lub $(this).prev()?

Answer 3

Zastosowanie

$(event.target).next() 

dostać następną rodzeństwo. Możesz także przekazać wyrażenie funkcji next. Pozwoli to wybrać kolejny rodzeństwo pasujące do selektora Ty:

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

Można również użyć nextAll, który działa w ten sam sposób, ale zwraca wszystkie z poniższych sublings. See more here. Istnieją również, prev i prevAll, które są odpowiednikami dla uzyskania poprzedniego elementu (ów).

Zasadniczo byłeś bardzo blisko, wystarczy owinąć event.target w obiekcie jQuery, ponieważ event.target zwraca rzeczywisty element.