Целевой диапазон 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