Metode parents() jQuery menggali

Panduan Penelusuran jQuery

Contoh

Cari semua elemen penyanggung dari setiap elemen b:

$("b").parents()

Coba sendiri

Definisi dan penggunaan

parents() mendapatkan elemen-elemen penyanggung yang ada dalam kumpulan elemen yang disesuaikan saat ini, pilihan penilaian pemilihan pemilihan adalah opsional.

.parents()selector)
Parameter Deskripsi
selector Nilai string, berisi ekspresi pemilih yang digunakan untuk mencocokkan elemen.

Penjelasan detil

Jika diberikan objek jQuery yang mewakili kumpulan elemen DOM, metode .parents() memungkinkan kami untuk mencari elemen kerabat dari elemen-elemen ini di pohon DOM, dan membangun objek jQuery baru dari elemen yang cocok yang diatur dalam urutan dari induk terdekat ke atas. Elemen-dalem ini akan dikembalikan dalam urutan dari induk terdekat ke luar. .parents() dan .parent() Metode yang sama, tetapi yang terakhir mengelilingi hanya tingkat tunggal di pohon DOM.

Metode ini menerima ekspresi pemilih pilihan, yang sama seperti tipe parameter yang disampaikan ke fungsi $(). Jika pemilih ini diterapkan, elemen akan disaring melalui pengujian apakah elemen cocok dengan pemilih itu.

Pikirkan halaman ini yang memiliki daftar yang disarangkan dasar:

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

Jika kami mulai dari item A, kami dapat menemukan elemen kerabatnya:

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

Coba sendiri

Hasil pemanggilan ini adalah, elemen seperti daftar level-2, item II, dan daftar level-1 (sepanjang pohon DOM sampai <html>) diatur latar belakang merah. Karena kami belum menerapkan ekspresi pemilih, elemen induk alami menjadi bagian dari objek. Jika ekspresi pemilih sudah diterapkan, elemen akan diuji apakah cocok dengan pemilih sebelum elemen yang berisi diatur. Karena kami belum menerapkan ekspresi pemilih, semua elemen kerabat adalah bagian dari objek jQuery yang dihasilkan. Jika ekspresi pemilih sudah diterapkan, hanya elemen yang cocok saja yang akan disertakan.

Panduan Penelusuran jQuery