Метод closest

Метод closest проналази најближи родитељски елемент који задовољава селектор задат параметром метода. Овај метод је сличан методу parent. Претрага се врши овако: прво се проверава непосредни родитељ елемента, затим деда, прадеда и тако све до коренског елемента (тј. до тага html).

Синтакса

Селектор може бити DOM елемент, израз или jQuery објекат. Претрага почиње од DOM елемента прослеђеног као параметар:

.closest(селектор);

Као други параметр може се проследити и DOM елемент, тада ће се претрага вршити унутар тог елемента:

.closest(селектор, контекст);

Пример

Хајде да за елемент са #test пронађемо најближег родитеља са класом www и на почетак тог елемента убацимо пасус са текстом '!', а на крај - пасус са текстом '?':

<div>
	<div class="www">
		<div>
			<p id="test">text</p>
		</div>
	</div>
</div>

$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

HTML код ће онда изгледати овако:

<div>
	<div class="www">
		<p>!</p>
		<div>
			<p id="test">text</p>
		</div>
		<p>?</p>
	</div>
</div>

Погледајте такође

метод parent,
који омогућава да добијете непосредног родитеља елемента
метод parents,
који омогућава да добијете све родитеље елемента
метод parentsUntil,
који омогућава да добијете све родитеље елемента до наведеног родитеља
JavaScript метод closest,
који омогућава да добијете најближи родитељски елемент