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

См. также метод parent, который позволяет получить родителя элемента.

См. также урок основы работы с jQuery для более полного понимания.

Синтаксис

.nextUntil(селектор)

Примеры

Пример

Давайте найдем элемент #test и всем его соседям снизу до абзаца с классом .www поставим текст '!' с помощью html:

<p>Абзац вне дива.</p>
<div>
	<p>Абзац.</p>
	<p class="www">Абзац.</p>
	<p>Абзац.</p>
	<p>Абзац.</p>
	<p id="test">Абзац.</p>
	<p>Абзац.</p>
	<p>Абзац.</p>
	<p class="www">Абзац.</p>
	<p>Абзац.</p>
</div>
<p>Абзац вне дива.</p>
$('#test').prevUntil('p.www').html('!');

HTML код станет выглядеть так:

<p>Абзац вне дива.</p>
<div>
	<p>Абзац.</p>
	<p class="www">Абзац.</p>
	<p>Абзац.</p>
	<p>Абзац.</p>
	<p id="test">Абзац.</p>
	<p>!</p>
	<p>!</p>
	<p class="www">Абзац.</p>
	<p>Абзац.</p>
</div>
<p>Абзац вне дива.</p>