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