Jquery target span après l'élément courant

Question

Je veux trouver l'instance suivante d'un élément au même niveau.

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

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

Quel sélecteur jQuery me permettrait de cibler le prochain span pour foo et ensuite foo2. J'ai jeté un coup d'œil à next, siblings et closest, mais je n'ai rien réussi à faire fonctionner.

Answer 1

Utilisez .nextAll() avec le :first sélecteur :

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

Vous pouvez également utiliser l'option sélecteur de frères et sœurs suivants ~ (connu en CSS3 sous le nom de sélecteur général de frères et sœurs) ainsi que l'option :first sélecteur :

$('#foo2 ~ span:first')

Aperçu des deux sur jsFiddle