使用jQuery如何選擇匹配某個選擇器的第一個下一個元素？

Question

如何選擇匹配某個選擇器的$(this)之後的節點？

如：

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

隨着出通過$（ 「＃條」）直接選擇#bar，如何從#foo中選擇它？

Answer 1

使用nextAll()方法：

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

或者：

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

甚至：

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

Answer 2

退房siblings()

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

jsbin demo here