Метод братьев и сестер jQuery ()
Пример
Вернуть все одноуровневые элементы каждого элемента <li> с именем класса «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() возвращает все одноуровневые элементы выбранного элемента.
Родственные элементы — это элементы, имеющие одного и того же родителя.
Дерево DOM: этот метод перемещается вперед и назад по родственным элементам DOM.
Совет: используйте метод prev() или next() , чтобы сузить поиск только до предыдущих или следующих элементов того же уровня.
Синтаксис
$(selector).siblings(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
Попробуйте сами - примеры
Как использовать оба параметра для фильтрации поиска родственных элементов.
Как сузить поиск всех одноуровневых элементов <p> каждого элемента <div>.