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

Question

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

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

Answer 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

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

Answer 2

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

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

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

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

Answer 3

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