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

См. также метод prev, который позволяет соседа элемента сверху.

См. также метод parent, который позволяет получить родителя элемента.

См. также урок работа с набором элементов jQuery для более полного понимания.

Синтаксис

Получение непосредственных потомков:

.next()

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

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

Примеры

Пример

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

<p>Абзац.</p>
<p>Абзац.</p>
<p id="test">Абзац.</p>
<p>Абзац.</p>
<p>Абзац.</p>
$('#test').next().html('!');

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

<p>Абзац.</p>
<p>Абзац.</p>
<p id="test">Абзац.</p>
<p>!</p>
<p>Абзац.</p>