jQuery Gezinti - has() Yöntemi

jQuery Gezinti Kılavuzu

Örnek

Bir elementin bir başka element içinde olup olmadığını sorgulama:

$("ul").append("<li>" + ($("ul").has("li").length ? "Yes" : "No") + "</li>");
$("ul").has("li").addClass("full");

Kişisel olarak deneyin

Tanım ve Kullanım

has(), eşleşen element koleksiyonunu, belirtilen seçici veya DOM elementine sahip soy elementleri içeren bir alt kümeye indirir.

Sözdizimi

.has(selector)
Parametre Tanım
selector Eşleşen elementlerin seçici ifadesini içeren dize değer.

Ayrıntılı Açıklama

Bir DOM elementi koleksiyonunu temsil eden bir jQuery nesnesi verilirse, .has() yöntemi, eşleşen elementlerin alt kümelerini kullanarak yeni bir jQuery nesnesi oluşturur. Kullanılan seçici, eşleşen elementlerin soyunu sorgular; herhangi bir soy element bu seçiciye uyuşursa, bu element sonuçta içerilir.

Aşağıdaki içeren dalmış listeli bir sayfa üzerinde düşünün:

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
    <ul>
      <li>list item 2-a</li>
      <li>list item 2-b</li>
    </ul>
  </li>
  <li>list item 3</li>
  <li>list item 4</li>
</ul>

Bu yöntemi liste öğeleri koleksiyonuna şu şekilde uygulayabiliriz:

$('li').has('ul').css('background-color', 'red');

Kişisel olarak deneyin

Bu çağrının sonucu, proje 2'nin arka planı kırmızı olarak ayarlanmıştır, çünkü bu proje, <ul> içeren <li>'nin yalnızca soyu olan proje.

jQuery Gezinti Kılavuzu