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