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

jQuery next() Method

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

пример

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


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