Περιήγηση - Διασυνδέσεις jQuery

Οι απογόνοι είναι οι γιοι, τα εγγόνια, τα 曾孙 και ούτω καθεξής.

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

Εξερεύνηση του δέντρου DOM προς τα κάτω

Η παρακάτω είναι δύο μεθόδους του jQuery για την εξερεύνηση του δέντρου DOM προς τα κάτω:

  • children()
  • find()

Μέθοδος children() του jQuery

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

Η μέθοδος children() εξερευνά μόνο το επόμενο επίπεδο του δέντρου DOM.

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

Παράδειγμα

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

δοκιμάστε το προσωπικά

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

Η παρακάτω παράδειγμα επιστρέφει όλα τα στοιχεία <p> με κλάση "1" που είναι άμεσοι απογόνοι του <div>:

Παράδειγμα

$("document").ready(function(){
  $("div").children("p.1");
});

δοκιμάστε το προσωπικά

Μέθοδος find() του jQuery

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

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

Παράδειγμα

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

δοκιμάστε το προσωπικά

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

Παράδειγμα

$("document").ready(function(){
  $("div").find("*");
});

δοκιμάστε το προσωπικά

jQuery έγχειρο αναφοράς για την εξερεύνηση

Για να μάθετε όλες τις μεθόδους εξερεύνησης του jQuery, παρακαλώ επισκεφθείτε το jQuery έγχειρο αναφοράς για την εξερεύνηση。