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