当前元素之后的Jquery目标跨度

Question

我想在同一级别找到元素的下一个实例。

<div id="foo"></div>
<some html />
<span></span>

<div id="foo2"></div>
<span></span>

jQuery选择器允许我为foo和foo2定位下一个范围。我看了下一个，兄弟姐妹和最近的，但我无法得到任何工作。

Answer 1

将.nextAll()与:first selector：

一起使用

$('#foo').nextAll('span:first')

或者，使用next siblings selector ~（在CSS3中称为常规兄弟选择器）和:first选择器：

$('#foo2 ~ span:first')

Preview both on jsFiddle