¿Cómo seleccionar el siguiente elemento coincidente?

Question

Esto funciona:

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

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

pero esto no es así:

<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(); 

Lo anterior pone a prueba la etiqueta "< br>", no el siguiente enlace a juego.

¿Cómo haré para que funcione en ambas situaciones? Quiero seleccionar el siguiente elemento coincidente, no el siguiente elemento si coincide. Tal vez .next() no es el método correcto?

Answer 1

El segundo ejemplo no debe seleccionar nada en absoluto. Leer el documentation of next:

Obtener el hermano inmediatamente después de cada elemento en el conjunto de los elementos coincidentes. Si se proporciona un selector, recupera el siguiente hermano solo si coincide con ese selector.

usted tiene que utilizar para conseguir nextAll todos los hermanos y filtrarlos en consecuencia:

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

Referencia: nextAll

Answer 2

Uso .nextAll() y :first para obtener el siguiente hermano que coincide, en lugar de la siguiente hermano si coincide, como esto:

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