Metode offsetParent() Pemilikan jQuery

Panduan Pemilikan jQuery

Contoh

Setel warna latar belakang elemen yang paling dekat dengan kelas item-a li:

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

Coba sendiri

Definisi dan Penggunaan

offsetParent() mendapatkan elemen leluhur yang terletak paling dekat.

Sintaks

.offsetParent()

Penjelasan Detil

Jika diberikan objek jQuery yang mewakili kumpulan elemen DOM, metode .offsetParent() memungkinkan kita mencari leluhur elemen dalam pohon DOM dan membuat objek jQuery yang di lingkungan elemen leluhur yang terdekat yang terletak. Elemen yang terletak adalah elemen yang CSS properti position disetel ke relative, absolute, atau fixed. Informasi ini akan sangat berharga dalam menghitung offset animasi pertunjukan atau menempatkan objek di halaman.

Pikirkan halaman dengan daftar yang bersisih dasar, yang mempunyai elemen yang terletak:

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

Jika kita mulai dari proyek A, kita dapat menemukan elemen leluhur yang terletak:

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

Coba sendiri

Ini akan mengubah warna latar belakang elemen yang ditentukan II.

Panduan Pemilikan jQuery