Последние учебники веб-разработки
 

jQuery siblings() Method

<Методы JQuery обходе

пример

Возвращение все соседние элементы каждого <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> элемент.


<Методы JQuery обходе