Μέθοδος closest

Η μέθοδος closest βρίσκει το πλησιέστερο γονικό στοιχείο που ικανοποιεί τον επιλογέα που ορίζεται ως παράμετρος της μεθόδου. Αυτή η μέθοδος μοιάζει με τη μέθοδο parent. Η αναζήτηση γίνεται ως εξής: πρώτα ελέγχεται ο άμεσος γονέας του στοιχείου, μετά ο παππούς, ο προ-παππούς και ούτω καθεξής μέχρι το ριζικό στοιχείο (δηλαδή μέχρι την ετικέτα html).

Σύνταξη

Ως επιλογέας μπορεί να είναι ένα στοιχείο DOM, μια έκφραση ή ένα αντικείμενο jQuery. Η αναζήτηση ξεκινά από το στοιχείο DOM που περνάται ως παράμετρο:

javascript.closest(επιλογέας);

Ως δεύτερη παράμετρο μπορεί επίσης να περαστεί ένα στοιχείο DOM, τότε η αναζήτηση θα πραγματοποιηθεί σε αυτό το στοιχείο:

javascript.closest(επιλογέας, περιβάλλον);

Παράδειγμα

Ας βρούμε για το στοιχείο με #test τον πλησιέστερο γονέα με την κλάση www και στην αρχή αυτού του στοιχείου να εισαγάγουμε μια παράγραφο με κείμενο '!', και στο τέλος - μια παράγραφο με κείμενο '?':

html<div>
  <div class="www">
    <div>
      <p id="test">κείμενο</p>
    </div>
  </div>
</div>

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

Ο κώδικας HTML θα γίνει ως εξής:

html<div>
  <div class="www">
    <p>!</p>
    <div>
      <p id="test">κείμενο</p>
    </div>
    <p>?</p>
  </div>
</div>

Δείτε επίσης