jQuery gezinme - children() yöntemi

jQuery Keşif Kılavuzu

Örnek

Bütün "selected" adlı sınıfın div alt öğelerini bul ve maviye ayarla：

$("div").children(".selected").css("color", "blue");

Kendi kendine deneyin

Tanım ve Kullanım

children() yöntemi, seçilen elementlerin tüm doğrudan alt öğelerini döndürür.

Sözdizimi

.children(selector)
Parametre Tanım
selector Dize değer, eşleşen elementlerin seçici ifadesi içerir.

Ayrıntılı tanım

DOM element koleksiyonu ifade eden bir jQuery nesnesi verilirse, .children() yöntemi, bu elementleri DOM ağacında arar ve bu elementlerle yeni bir jQuery nesnesi oluşturur..find() .children() yöntemi gibi, ancak ikincisi DOM ağacında tek bir seviyede aşağı doğru gezinir.

Lütfen dikkat edin, çoğu jQuery yöntemi gibi, .children() metin düğümelerini döndürmez; metin ve yorum düğümelerini içeren tüm alt düğümleri almak için .contents() kullanın.

Bu yöntem, seçici ifadesi olarak seçmeli bir parametre alır ve $()'ye iletilen parametre türüyle aynıdır. Bu seçici uygulamak durumunda, test edilen elementin bu ifadeye uygun olup olmadığını test eder ve bu elementleri filtreler.

Bu temel içeren iç içe listeli sayfayı 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>

Kendi kendine deneyin

Level-2 listesinden başlarsak, alt öğelerini bulabiliriz:

$('ul.level-2').children().css('background-color', 'red');

Bu satır kodunun sonucu, proje A, B, C kırmızı arka plana sahip olur. Seçici ifadesi uygulamadığımız için, döndürülen jQuery nesnesi tüm alt öğeleri içerir. Bir seçici uygulamak durumunda, sadece eşleşen projeler içerir.

jQuery Keşif Kılavuzu