jQuery метод next()
Пример
Вернуть следующий одноуровневый элемент каждого элемента <li> с именем класса «start»:
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
Результат:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Определение и использование
Метод next() возвращает следующий одноуровневый элемент выбранного элемента.
Родственные элементы — это элементы, имеющие одного и того же родителя.
Дерево DOM: этот метод перемещается вперед по следующему родственному элементу DOM.
Связанные методы:
- nextAll() - возвращает все следующие одноуровневые элементы выбранного элемента
- nextUntil() — возвращает все следующие одноуровневые элементы между двумя заданными аргументами .
Синтаксис
$(selector).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Попробуйте сами - примеры
Как выбрать следующий одноуровневый элемент каждого элемента <div>.
Как выбрать следующий одноуровневый элемент <p> для каждого элемента <div>.