jQuery метод next()

❮ Методы обхода 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)

Parameter Description
filter Optional. Specifies a selector expression to narrow down the next sibling search

Попробуйте сами - примеры


Как выбрать следующий одноуровневый элемент каждого элемента <div>.


Как выбрать следующий одноуровневый элемент <p> для каждого элемента <div>.


❮ Методы обхода jQuery