Метод next - получение соседа элемента снизу

Метод next возвращает элемент, который находится после заданного внутри одного родителя.

Синтаксис

Получение непосредственного соседа:

.next();

Можно также выбрать непосредственного соседа, только если он удовлетворяет заданному селектору:

.next(селектор);

Пример

Давайте найдем элемент #test и его соседу снизу поставим текст '!' с помощью метода html:

<p>text</p> <p>text</p> <p id="test">text</p> <p>text</p> <p>text</p> $('#test').next().html('!');

HTML код станет выглядеть так:

<p>text</p> <p>text</p> <p id="test">text</p> <p>!</p> <p>text</p>

Смотрите также

  • метод prev,
    который позволяет соседа элемента сверху
  • метод nextAll,
    который возвращает элементы, находящиеся после заданного внутри одного родителя
  • метод nextUntil,
    который возвращает элементы, находящиеся после заданного
  • метод siblings,
    который позволяет получить соседей элемента внутри одного родителя
  • JavaScript свойство nextElementSibling,
    которое содержит следующий элемент, находящийся в этом же родителе



Чат с GPT Компилятор