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