მეთოდი closest

მეთოდი closest პოულობს უახლოეს მშობელ ელემენტს, რომელიც აკმაყოფილებს მეთოდის პარამეტრით მოცემულ სელექტორს. ეს მეთოდი მსგავსია მეთოდის parent. ძიება მიმდინარეობს შემდეგნაირად: ჯერ შემოწმდება ელემენტის პირდაპირი მშობელი, შემდეგ ბაბუა, ბებია და ა.შ. ძირამდე (ანუ ტეგამდე html).

სინტაქსი

სელექტორი შეიძლება იყოს DOM ელემენტი, გამოხატულება ან jQuery ობიექტი. ძიება იწყება პარამეტრად გადაცემული DOM ელემენტიდან:

.closest(სელექტორი);

მეორე პარამეტრად ასევე შეიძლება გადაეცეს DOM ელემენტი, მაშინ ძიება მოხდება ამ ელემენტში:

.closest(სელექტორი, კონტექსტი);

მაგალითი

მოდით ელემენტისთვის #test ვიპოვოთ უახლოესი მშობელი კლასით www და ამ ელემენტის დასაწყისში ჩავსვათ აბზაცი ტექსტით '!', ხოლო ბოლოში - აბზაცი ტექსტით '?':

<div>
	<div class="www">
		<div>
			<p id="test">ტექსტი</p>
		</div>
	</div>
</div>

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

HTML კოდი ასე გამოიყურება:

<div>
	<div class="www">
		<p>!</p>
		<div>
			<p id="test">ტექსტი</p>
		</div>
		<p>?</p>
	</div>
</div>

იხილეთ აგრეთვე

მეთოდი parent,
რომელიც საშუალებას გაძლევთ მიიღოთ ელემენტის პირდაპირი მშობელი
მეთოდი parents,
რომელიც საშუალებას გაძლევთ მიიღოთ ელემენტის ყველა მშობელი
მეთოდი parentsUntil,
რომელიც საშუალებას გაძლევთ მიიღოთ ელემენტის ყველა მშობელი მითითებულ მშობელამდე
JavaScript მეთოდი closest,
რომელიც საშუალებას გაძლევთ მიიღოთ უახლოესი მშობელი ელემენტი