jQuery αναζήτηση - μέθοδος parent()

jQuery βιβλίο αναζήτησης

Παράδειγμα

Αναζητήστε τους γονείς όλων των στοιχείων που έχουν την κλάση "selected":

$("p").parent(".selected")

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

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

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

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

Συμπεριφερές

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

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

Ας σκεφτούμε αυτή τη σελίδα με βασική καταχωρημένη λίστα:

<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>

Αν ξεκινήσουμε από το έργο A, μπορούμε να βρούμε το στοιχείο γονέα:

$('li.item-a').parent().css('background-color', 'red');

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

Το αποτέλεσμα της συνδρομής είναι να οριστεί το παρασκήνιο της λίστας level-2 σε κόκκινο. Επειδή δεν εφαρμόσαμε έκφραση επιλογής, ο γονέας στοιχείο έγινε φυσικά μέρος του αντικειμένου. Αν εφαρμόσουμε έκφραση επιλογής, θα ελέγξει αν το στοιχείο ταιριάζει πριν από το στοιχείο που περιέχει.

jQuery βιβλίο αναζήτησης