¿Cómo usar jQuery para seleccionar los primeros siguientes elementos que coinciden con un determinado selector?

Question

¿Cómo seleccionar un nodo después de $(this) que coincida con un cierto selector?

por ejemplo:

<textarea id="foo"></textarea> 
<a href="#">someLink</a> 
<a href="#">someOtherLink</a> 
<textarea id="bar"></textarea> 

Con cabo seleccionando directamente a través de #bar $ ("# bar"), ¿Cómo puedo seleccionarlo desde dentro #foo?

Answer 1

uso del método nextAll():

$("#foo").nextAll("textarea").first(); 

O:

$("#foo").nextAll("textarea:first"); 

O incluso:

$("#foo").nextAll("textarea:eq(0)"); 

Answer 2

Salida siblings()

$('#foo').siblings('textarea:first').addClass('found'); 

jsbin demo here