jQuery: bekomme sofort das nächste Element nach dem aktuellen Element

Question

Ich muss den Fokus auf das Element setzen, das direkt neben dem aktuellen Element ist (und in anderen Fällen direktes prev).

Zum Beispiel:

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

Dies ist, was ich verwenden

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

wenn ich den Wert curr Check-in Firebug es aus irgendeinem Grunde nicht definiert zeigt.

Answer 1

var curr = (event.target).nextSibling; 

Answer 2

Sind Sie in einem jquery Event-Handler? Wenn ja, warum nicht $(this).next() und/oder $(this).prev() verwenden?

Answer 3

Verwenden

$(event.target).next() 

die nächsten Geschwister zu bekommen. Sie können auch einen Ausdruck an die next-Funktion übergeben. Dies wird die nächste Geschwister wählen Sie Selektor übereinstimmen:

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

Sie auch nextAll verwenden können, die die gleiche Art und Weise funktioniert, liefert aber alle folgenden sublings. See more here. Es gibt auch prev und prevAll, die die Analoga sind, um die vorherigen Elemente zu erhalten.

Grundsätzlich waren Sie wirklich in der Nähe, Sie müssen nur event.target in das jQuery-Objekt wickeln, da event.target das eigentliche Element zurückgibt.