Jak wybrać następny pasujący element?

Question

to działa:

<a href="#/link1">link1</a> 
<a href="#/link2">link2</a> 
<a href="#/link3">link3</a> 

$("a[href*='#/link1'").next('a[href*="#"]').click(); 

ale to nie:

<a href="#/link1">link1</a><br> 
<a href="#/link2">link2</a><br> 
<a href="#/link3">link3</a><br> 

$("a[href*='#/link1'").next('a[href*="#"]').click(); 

powyższych testów tag "< br>", a nie do następnego linku dopasowanie.

Co powinienem zrobić, aby działało w obu sytuacjach. Chcę wybrać następny pasujący element, a nie następny element, jeśli pasuje. Może .next() nie jest właściwą metodą?

Answer 1

Drugi przykład nie należy niczego wybierać wcale. Przeczytaj documentation of next:

Pobierz natychmiast następujące rodzeństwo każdego elementu w zestaw dopasowanych elementów. Jeśli dostarczony jest selektor, pobiera następnego siostrę tylko wtedy, gdy pasuje do tego selektora.

Musisz użyć nextAll dostać wszystkie rodzeństwa i filtrować je odpowiednio:

$("a[href*='#/link1']").nextAll('a[href*="#"]:first').click(); 

Reference: nextAll

Answer 2

Zastosowanie .nextAll() i :first dostać następną rodzeństwo, który pasuje, a nie kolejny rodzeństwo jeśli pasuje, tak:

$("a[href*='#/link1'").nextAll('a[href*="#"]:first').click();