當前元素之後的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