Метод 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,
которое содержит следующий элемент, находящийся в этом же родителе