Μέθοδος 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,
που επιτρέπει τη λήψη του πλησιέστερου γονικού στοιχείου