Metode offsetParent() penjajaran jQuery

Referensi Penjajaran jQuery

Contoh

Atur warna latar belakang elemen parent yang paling dekat dari elemen li dengan nama kelas item-a:

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

Coba sendiri

Definisi dan penggunaan

offsetParent() mendapatkan elemen ancestor yang terletak paling dekat.

Sintaks

.offsetParent()

Keterangan detil

Jika diberikan objek jQuery yang mewakili kumpulan elemen DOM, metode .offsetParent() memungkinkan kita untuk mencari ancestor elemen di pohon DOM dan membangun objek jQuery yang di lingkuni oleh ancestor elemen yang paling dekat. Elemen yang terletak adalah elemen yang CSS properti position disetel menjadi relative, absolute, atau fixed. Informasi ini akan sangat berharga saat menghitung offset untuk animasi pertunjukan atau menempatkan objek di halaman.

Berpikir tentang halaman yang memiliki daftar yang terdapat penjajaran dasar dan 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祖先 yang terletak:

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

Coba sendiri

Ini akan merubah warna latar belakang elemen yang ditentukan II.

Referensi Penjajaran jQuery