пример
Возвращение все следующие одноуровневые элементы каждого <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 )| параметр | Описание |
|---|---|
| filter | Необязательный. Задает выражение селектора, чтобы сузить поиск ближайших братьев и сестер Примечание: Для возврата нескольких братьев и сестер, отделить каждое выражение с запятой. |
Попробуйте сами - Примеры
Сужая поиск
Как фильтровать поиск ближайших родственных элементов.
Возвращение нескольких братьев и сестер
С помощью параметра фильтра , чтобы получить все брата или сестры <h2> элемента , которые имеют имена классов "first", "second" и "third" .
Выделить все следующие одноуровневые элементы <p> элемента
Как выбрать все следующие одноуровневые элементы <p> элемента.
Выбрать все следующий родственный <p> элементы <div>
Как выбрать все следующий родственный <p> элементы каждого <div> элемент.