jQuery Навигация - метод prevUntil()

Руководство по навигации jQuery

Пример

Найти все элементы-собраты каждого элемента p с классом "selected":

$("p").siblings(".selected")

Попробуйте это лично

Определение и использование

siblings() получает элементы-собраты для каждого элемента в совпадающей коллекции, фильтрация по селектору является опциональной.

Грамматика

.siblings(selector)
Параметр Описание
selector Строковое значение, содержащее селектор, используемый для поиска элементов.

Подробное описание

Если передается объект jQuery, представляющий набор элементов DOM, метод .siblings() позволяет нам искать элементы-собраты этих элементов в DOM-дереве и создавать новый объект jQuery из соответствующих элементов.

Этот метод принимает опциональное выражение селектора, аналогичное типу параметра, передаваемого в функцию $(). Если применяется этот селектор, то элементы будут фильтроваться на основе их соответствия селектору.

Подумайте о странице, которая содержит базовую вложенную список:

<ul>
   <li>Элемент списка 1</li>
   <li>Элемент списка 2</li>
   <li class="third-item">Элемент списка 3</li>
   <li>Элемент списка 4</li>
   <li>Элемент списка 5</li>
</ul>

Если мы начинаем с третьего элемента, то можем найти его элемент-собрат:

$('li.third-item');.siblings();.css('background-color', 'red');

Попробуйте это лично

Результат, полученный в данном случае, заключается в том, чтобы установить фоновый цвет элементов 1, 2, 4 и 5 в красный. Установить фоновый цвет в красный. Поскольку мы не применяем селектор, все элементы-собраты автоматически становятся частью объекта. Если был применен селектор, то будут включены только те элементы, которые соответствуют четырем спискам.

Оригинальный элемент не включает в себя элемент-собрат, поэтому, когда мы намерены найти все элементы в определенном уровне DOM-дерева, важно помнить это.

Руководство по навигации jQuery