next()

посл. ред. 11.08.2016

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

Варианты использования

jQ_object.next() => jQuery: Выбирает сестринские элементы, которые находятся непосредственно после каждого из текущих элементов.
jQ_object.next(селектор) => jQuery: Выбирает сестринские элементы, которые находятся непосредственно после каждого из текущих элементов и удовлетворяют указанному селектору.

Примеры

<html>
<head>
  <title>Работа с выборкой jQuery</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p class="main">Параграф 1</p>
  <div>Блок</div>
  <p>Параграф 2</p>
  <p class="main">Параграф 3</p>
  <p>Параграф 4</p>
</body>
</html>
 
<script>
$('.main')
  .next('p')
/* выбор последующих элементов, если это параграф <p> */
  .css('color', 'red');
/* установка красного цвета шрифта */
</script>

Параграф 1

Блок

Параграф 2

Параграф 3

Параграф 4

Блок <div> не попал в результат, потому что он не удовлетворяет селектору.