Поиск элементов лежащих после выбранных

.next()

Осуществляет поиск элементов, лежащих непосредственно после заданных элементов (по одному для каждого из заданных). Метод имеет один вариант использования:

.next([selector]):jQuery1.0

Возвращает элементы, которые находятся непосредственно после каждого из выбранных элементов. При необходимости, можно задать селектор selector для фильтрации результата.

Примеры использования:

$("div").next() вернет элементы, которые находятся непосредственно после div-элементов на странице.
$("div").next(".bigBlock") вернет элементы класса bigBlock, которые находятся непосредственно после div-элементов.

В действии

Выясним, что же идет после обеда(какой элемент идет после элемента с классом lunch):

~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
  ~lt~script src="https://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~
  ~lt~style~gt~
    div{
      width: 60px;
      height: 60px;
      float: left;
      padding: 15px;
      margin: 5px;
      background-color: #EEEEEE;
      font-size: 14pt;
    }
  ~lt~/style~gt~
~lt~/head~gt~
~lt~body~gt~
  ~lt~div class="breakfast"~gt~ Завтрак ~lt~/div~gt~
  ~lt~div class="lunch"~gt~ Обед ~lt~/div~gt~
  ~lt~div class="supper"~gt~ Ужин ~lt~/div~gt~
  ~lt~div class="nightEat"~gt~ Ночной перекус~lt~/div~gt~
~lt~script~gt~
    $(".lunch").next().css("border","3px solid red");
~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~

Ссылки

Поисковые ключи:
  • следующие элементы
  • элементы следующие после выбранных
  • next()
  • .next

От автора jquery.page2page.ru

 
Мини-игра про поход за продуктами во время карантина.

за Comic Sans извЕняем