nextUntil()

посл. ред. 11.08.2016

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

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

jQ_object.nextUntil() => jQuery: Выбирает все сестринские элементы, которые находятся после каждого из текущих элементов, то есть работает аналогично nextAll().
jQ_object.nextUntil(селектор) => 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')
  .nextUntil('div')
/* выбор всех последующих сестринских элементов до блока <div> */
  .css('color', 'red');
/* установка красного цвета шрифта */
</script>

Параграф 1

Параграф 2

Параграф 3

Блок

Параграф 4