пример
Возвращение все предыдущие одноуровневые элементы каждого <li> элемент с именем класса "start" :
$(document).ready(function(){
$("li.start").prevAll().css({"color": "red", "border": "2px
solid red"});
});
Результат:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Попробуй сам " Определение и использование
prevAll() метод возвращает все предыдущие одноуровневые элементы выбранного элемента.
Родственных элементов являются элементами, которые имеют одного общего предка.
DOM дерево: Этот метод обхода в обратном направлении вдоль братьев и сестер элементов DOM.
Аналогичные методы:
- prev() - возвращает следующий родственный элемент выбранного элемента
- prevUntil() - возвращает все последующие элементы одноуровневые между двумя заданными аргументами
Синтаксис
$(selector).prevAll( filter )| параметр | Описание |
|---|---|
| filter | Необязательный. Задает выражение селектора, чтобы сузить поиск предыдущих братьев и сестер Примечание: Для возврата нескольких братьев и сестер, отделить каждое выражение с запятой. |
Попробуйте сами - Примеры
Сужая поиск
Как фильтровать поиск предыдущих родственных элементов.
Возвращение нескольких братьев и сестер
Как использовать параметр фильтра для возврата всех братьев и сестер из <h2> элемента , которые имеют имена классов "first", "second" и "third" .
Выделить все предыдущие одноуровневые элементы <p> элемента
Как выбрать все предыдущие одноуровневые элементы <p> элемента.
Выбрать все предыдущий родственный <p> элементы <div>
Как выбрать все предыдущие родственный <p> элементы каждого <div> элемент.