jQuery Traversal - Ancestors

Ο πρόγονος είναι ο γονέας, ο πατέρας, ο παππούς, κ.λπ.

Με το jQuery, μπορείτε να εξερευνήσετε το δέντρο DOM προς τα πάνω για να βρείτε προγόνους στοιχείων.

Αύξηση της εξερεύνησης του δέντρου DOM

Αυτές οι μεθόδους jQuery είναι πολύ χρήσιμες, καθώς χρησιμοποιούνται για την αύξηση της εξερεύνησης του δέντρου DOM:

  • parent()
  • parents()
  • parentsUntil()

Μέθοδος jQuery parent()

Η μέθοδος parent() επιστρέφει τον άμεσο γονέα του επιλεγμένου στοιχείου.

Αυτή η μέθοδος εξετάζει μόνο το επίπεδο πάνω στο δέντρο DOM.

Ο παρακάτω παράδειγμα επιστρέφει τον άμεσο γονέα κάθε στοιχείου <span>:

Παράδειγμα

$("document").ready(function(){
  $("span").parent();
});

Δοκιμάστε το προσωπικά σας

Μέθοδος jQuery parents()

Η μέθοδος parents() επιστρέφει όλους τους προγόνους των επιλεγμένων στοιχείων, από το στοιχείο έως τον ρίζα του εγγράφου (<html>).

Ο παρακάτω παράδειγμα επιστρέφει όλους τους προγόνους των στοιχείων <span>:

Παράδειγμα

$("document").ready(function(){
  $("span").parents();
});

Δοκιμάστε το προσωπικά σας

Μπορείτε επίσης να χρησιμοποιήσετε επιλογικά παραμέτρους για να φιλτράρετε την αναζήτηση για προγόνους στοιχείων.

Ο παρακάτω παράδειγμα επιστρέφει όλους τους προγόνους των στοιχείων <span> και είναι το στοιχείο <ul>:

Παράδειγμα

$("document").ready(function(){
  $("span").parents("ul");
});

Δοκιμάστε το προσωπικά σας

Μέθοδος jQuery parentsUntil()

Η μέθοδος parentsUntil() επιστρέφει όλους τους προγόνους στοιχείων μεταξύ δύο δεδομένων στοιχείων.

Ο παρακάτω παράδειγμα επιστρέφει όλους τους προγόνους στοιχείων μεταξύ <span> και <div> στοιχείων:

Παράδειγμα

$("document").ready(function(){
  $("span").parentsUntil("div");
});

Δοκιμάστε το προσωπικά σας

Εγχειρίδιο Αναζήτησης jQuery Παράκαμψης

Για να μάθετε όλες τις μεθόδους αναζήτησης του jQuery, επισκεφθείτε τον Εγχειρίδιο Αναζήτησης jQuery Παράκαμψης。