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