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

Question

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

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

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

什么jQuery选择器允许我为foo和foo2定位下一个跨度.我看了下一个,兄弟姐妹和最近的,但我无法得到任何工作.

Answer 1

使用.nextAll()与一起:first选择:

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

或者,使用下一个兄弟选择器~(在CSS3中称为通用兄弟选择器)和:first选择器:

$('#foo2 ~ span:first')

在jsFiddle上预览