с помощью функции jQuery .next Я хочу показать следующие 2 элемента. По умолчанию он выбирает только следующий элемент.
Мне нужен контроль, например, иногда мне нужны следующие 2, иногда следующие 3
Вы можете использовать .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
Этот метод позволяет вам передать в качестве параметра номер, который вам нужно немного легче. Вы можете протестировать его здесь.
Используйте .nextAll вместо .next, чтобы получить все следующие братья и сестры, а затем используйте .slice, чтобы сузить это до диапазона.
Если вы хотите выбрать следующее количество элементов и включить выбранный элемент, вы можете сделать что-то вроде:
$('div#myTarget').nextAll('div').andSelf().slice(0,4)
Приведенный выше код возвращает следующие 4 элемента div после div myTarget и включает сам div myTarget.
.slice(0,4) выбрали следующие 4 элемента и .andSelf() включили исходный выбранный элемент