jQuery Tarama - offsetParent() Metodu

jQuery Tarama Kılavuzu

Örnek

item-a sınıf adlı li elementinin en yakın konumlu atasının arka plan rengini ayarlayın:

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

Kişisel olarak deneyin

Tanım ve Kullanım

offsetParent() en yakın konumlu atası elementini alır.

Gramer

.offsetParent()

Ayrıntılı Açıklama

Bir DOM elementi koleksiyonunu temsil eden bir jQuery nesnesi verilirse, .offsetParent() metodu DOM ağacında elementin atasını aramamıza olanak tanır ve en yakın konumlu atası etrafında bir jQuery nesnesi oluşturur. Konumlu element, elementin CSS position özelliğinin relative, absolute veya fixed olarak ayarlandığı anlamına gelir. Performans animasyonları hesaplanırken veya sayfada nesneler yerleştirilirken bu bilgi çok faydalı olabilir.

Düzenli olarak iç içe geçmiş listelerle donatılmış ve konumlu elementleri içeren bir sayfa hakkında düşünün:

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

Eğer A projesinden başlarsak, onun konumlu atası elementini bulabiliriz:

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

Kişisel olarak deneyin

Bu, hedeflenen II projesinin arka plan rengini değiştirecektir.

jQuery Tarama Kılavuzu