jQuery Εκτεταμένη Εκτύπωση - Μέθοδος offsetParent()

jQuery Εκτεταμένη Εγχειρίδιο

Παράδειγμα

Ρυθμίστε το χρώμα του παρακείμενου φόντου του πλησιέστερου στοιχείου προγόνου του στοιχείου li με το όνομα κλάσης item-a:

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

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

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

offsetParent() αποκτά το πλησιέστερο στοιχείο προγόνου που έχει θέση.

Γλωσσική δομή

.offsetParent();

Λεπτομερής περιγραφή

Αν δοθεί ένας αντικείμενο jQuery που αντιπροσωπεύει μια συλλογή στοιχείων DOM, η μέθοδος .offsetParent() επιτρέπει την αναζήτηση προγόνων στο δέντρο DOM του στοιχείου και τη δημιουργία ενός αντικειμένου jQuery που περιβάλλει τον πλησιέστερο στοιχείο προγόνου που έχει θέση. Το στοιχείο θέσης είναι το στοιχείο όπου η ιδιότητα CSS position είναι ρυθμισμένη σε relative, absolute ή fixed. Αυτή η πληροφορία είναι πολύ χρήσιμη όταν υπολογίζεται η απόκλιση για την εκτέλεση αнимάσεων ή την τοποθέτηση αντικειμένων στη σελίδα.

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

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii" style="position: relative;">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');.offsetParent();.css('background-color', 'red');

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

Αυτό θα αλλάξει το χρώμα του παρακείμενου φόντου του στοιχείου II.

jQuery Εκτεταμένη Εγχειρίδιο