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