jQuery: выберите все элементы после энный

У меня есть x количество <div> и я должен выбрать все после n.

<div class=foo>4:00</div>
<div class=foo>5:00</div>
<div class=foo>6:00</div>
<div class=foo>7:00</div>
<div class=foo>8:00</div>

Например, данный n=3 и div.foo, удалите все div.foo после 3-го div.foo уступил бы:

<div class=foo>4:00</div>
<div class=foo>5:00</div>
<div class=foo>6:00</div>

Спасибо

16
задан user191688 30 July 2010 в 16:15
поделиться

3 ответа

$('.foo:gt(2)').remove();

Попробуйте: http://jsfiddle.net/MYY9m/

Здесь используется селектор greater-than для выбора всех элементов, индекс которых больше заданного числа.

19
ответ дан 30 November 2019 в 21:45
поделиться

Вы также можете:

$('.foo').slice(3).remove();

См. http://api.jquery.com/slice/

3
ответ дан 30 November 2019 в 21:45
поделиться

Не так элегантно, как решение Патрика DW, но это тоже работает:

$('.foo').eq(2).nextAll().remove();

См. http://api.jquery.com/nextAll/

2
ответ дан 30 November 2019 в 21:45
поделиться
Другие вопросы по тегам:

Похожие вопросы: