Метод братьев и сестер jQuery ()

❮ Методы обхода 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>.


❮ Методы обхода jQuery