jQuery Perjalanan - Metode has()

Panduan Perjalanan jQuery

Contoh

Memeriksa apakah elemen ada di dalam elemen lain:

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

Coba sendiri

Definisi dan penggunaan

has() mengurangi kumpulan elemen yang cocok menjadi turunan yang memiliki elemen DOM yang cocok atau pemilihan yang ditentukan.

Sintaks

.has(selector)
Parameter Deskripsi
selector Nilai string, berisi ekspresi pemilihan yang cocok untuk elemen yang dicocokkan.

Penjelasan detil

Jika diberikan objek jQuery yang mewakili kumpulan elemen DOM, metode .has() membuat objek jQuery baru yang menggunakan kumpulan elemen turunan yang cocok untuk mencocokkan pemilihan.

Pikirkan halaman berikut ini yang memiliki daftar yang disempurnakan:

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

Kami dapat menerapkan metode ini terhadap koleksi item daftar, seperti ini:

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

Coba sendiri

Hasil pemanggilan ini adalah, latar belakang proyek 2 diatur menjadi merah, karena proyek ini adalah satu-satunya <li> yang memiliki <ul> di turunan.

Panduan Perjalanan jQuery