Παρακαμπύλωση jQuery - Μέθοδος children()

jQuery 遍历参考手册

Παράδειγμα

Εύρεση όλων των υποελλειμμάτων που έχουν την κλάση "selected" και ρύθμιση της χρώματος τους σε μπλε:

$("div").children(".selected").css("color", "blue");

Προσπαθήστε το προσωπικά

Ορισμός και χρήση

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

Γραμματική

.children(selector)
Παράμετρος Περιγραφή
selector Αξία字符串, που περιλαμβάνει την έκφραση επιλογής που ταιριάζει στα στοιχεία.

Περιγραφή

Αν δοθεί ένα αντικείμενο jQuery που αντιπροσωπεύει μια συλλογή στοιχείων DOM, η μέθοδος .children() επιτρέπει την απόκτηση αυτών των στοιχείων από το δέντρο DOM και τη δημιουργία νέου αντικειμένου jQuery που περιλαμβάνει τα ταιριάζοντα στοιχεία..find() Παρόμοια με τη μέθοδο .children(), αλλά η τελευταία εξετάζει μόνο ένα επίπεδο του δέντρου DOM.

Λάβετε υπόψη ότι, όπως με πολλές μεθόδους jQuery, η .children() δεν επιστρέφει κόμβους κειμένου; Αν χρειάζεστε όλους τους υποκείμενους κόμβους που περιλαμβάνουν κείμενο και σχόλια, χρησιμοποιήστε την .contents().

Αυτή η μέθοδος αποδέχεται μια έκφραση επιλογής ως προαιρετικό παράμέτρο, με τον ίδιο τύπο που αποστέλλουμε στο $(). Αν εφαρμόσουμε αυτή την έκφραση, θα ελέγξει αν τα στοιχεία ταιριάζουν στην έκφραση, για να φιλτράρει αυτά τα στοιχεία.

Πondera αυτή τη σελίδα με βάση τη βασική ενσωμάτωση λίστας:

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

Προσπαθήστε το προσωπικά

Αν ξεκινήσουμε από τη λίστα level-2, μπορούμε να βρούμε τα υποέλεγχό της:

$('ul.level-2').children().css('background-color', 'red');

Η συνέπεια αυτής της γραμμής κώδικα είναι ότι τα έργα A, B, C λαμβάνουν κόκκινο φόντο. Επειδή δεν έχουμε εφαρμόσει έκφραση επιλογής, το αντικείμενο jQuery που επιστρέφεται περιλαμβάνει όλους τους υποέλεγχους. Αν εφαρμόσουμε μια έκφραση επιλογής, θα περιλαμβάνει μόνο τα ταιριάζοντα έργα.

jQuery 遍历参考手册