nextAll()

посл. ред. 11.08.2016

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

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

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

Примеры

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

Параграф 1

Параграф 2

Параграф 3

Блок

Параграф 4