Как выбрать следующие 2 (или более 2) элементов с помощью jQuery.next()?

с помощью функции jQuery .next Я хочу показать следующие 2 элемента. По умолчанию он выбирает только следующий элемент.

Мне нужен контроль, например, иногда мне нужны следующие 2, иногда следующие 3

Ответ 1

Вы можете использовать .nextAll() и :lt(), например:

.nextAll(':lt(2)') //next 2
.nextAll(':lt(3)') //next 3

Попробуйте здесь. Если вам нужно программировать (вместо конкатенации строк) и легко изменить его, используйте .slice():

.nextAll().slice(0, 2) //next 2
.nextAll().slice(0, 3) //next 3

Этот метод позволяет вам передать в качестве параметра номер, который вам нужно немного легче. Вы можете протестировать его здесь.

Ответ 2

Используйте .nextAll вместо .next, чтобы получить все следующие братья и сестры, а затем используйте .slice, чтобы сузить это до диапазона.

Ответ 3

Если вы хотите выбрать следующее количество элементов и включить выбранный элемент, вы можете сделать что-то вроде:

$('div#myTarget').nextAll('div').andSelf().slice(0,4)

Приведенный выше код возвращает следующие 4 элемента div после div myTarget и включает сам div myTarget.

.slice(0,4) выбрали следующие 4 элемента и .andSelf() включили исходный выбранный элемент