使用jQuery如何选择匹配某个选择器的第一个下一个元素？

Question

如何选择与某个选择器匹配的$(this)之后的节点？

例如：

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

不通过$（“＃bar”）直接选择#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