Метод jQuery prevAll()
Пример
Вернуть все предыдущие одноуровневые элементы каждого элемента <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)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for previous siblings Note: To return multiple siblings, separate each expression with a comma. |
Попробуйте сами — примеры
Как отфильтровать поиск предыдущих одноуровневых элементов.
Как использовать параметр фильтра для возврата всех братьев и сестер элемента <h2> с именами классов «первый», «второй» и «третий».
Как выбрать все предыдущие одноуровневые элементы элемента <p>.
Как выбрать все предыдущие одноуровневые элементы <p> для каждого элемента <div>.