Методот 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,
кој овозможува да се добие најблискиот родителски елемент