jQuery Keşif - parent() Yöntemi

jQuery Keşif Kılavuzu

Örnek

"selected" sınıfına sahip her bir paragrafın ana elementini bulma:

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

Kişisel olarak deneyin

Tanım ve Kullanım

parent() her bir elementin ana elementini alır, seçici ile süzgeçleme seçenekli.

.parent(selector)
Parametre Tanım
selector Eşleştirme için kullanılan seçici ifadesini içeren bir dizi metin.

Ayrıntılı Açıklama

Bir DOM element koleksiyonunu temsil eden bir jQuery nesnesi verilirse, .parent() yöntemi, bu elementlerin ana elementlerini DOM ağacında aramamıza ve bu elementlerle yeni bir jQuery nesnesi oluşturmamıza olanak tanır..parents() .parent() yöntemine benzer, ancak sonuncusu DOM ağacında tek bir seviyeyi yukarı doğru tarar.

Bu yöntem, $() fonksiyonuna iletilen parametre türüne aynı olan seçici ifadesini alır. Bu seçici uygulanırsa, elementlerin bu seçiciye uyup uymadığını kontrol ederek elementleri süzgeçlendirir.

Bu temel iç içe listeli sayfanı düşünün:

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

Proje A'dan başlanırsa, onun ana elementi bulunabilir:

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

Kişisel olarak deneyin

Bu çağrının sonucu, level-2 listesine kırmızı arka plan ayarlanmasıdır. Seçici ifadesi uygulanmadığı için, doğal olarak ana element nesnenin bir parçası haline gelir. Seçici uygulanırsa, içeren elementin önce elementin seçiciye uyup uymadığı kontrol edilir.

jQuery Keşif Kılavuzu