Tramo objetivo de Jquery después del elemento actual

Question

Quiero encontrar la siguiente instancia de un elemento en el mismo nivel.

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

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

¿Qué jQuery selector me permitiría apuntar al siguiente tramo para foo y luego foo2. Eché un vistazo al siguiente, hermanos y el más cercano, pero no conseguí que nada funcionara.

Answer 1

Uso .nextAll() junto con el :first selector:

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

Alternativamente, utilice el next siblings selector ~ (conocido en CSS3 como el selector general hermano) junto con el selector :first:

$('#foo2 ~ span:first') 

Preview both on jsFiddle