Metode parent() penelusuran jQuery

Panduan Penelusuran jQuery

Contoh

Cari elemen induk setiap paragraf yang memiliki kelas "selected":

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

Coba sendiri

Definisi dan penggunaan

parent() mendapatkan elemen induk setiap elemen dalam koleksi yang cocok saat ini, penggunaan pemilih untuk disaring adalah pilihan.

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

Penjelasan detil

Jika diberikan objek jQuery yang mewakili koleksi elemen DOM, metode .parent() memungkinkan kami mencari elemen induk dari elemen-elemen itu di DOM tree dan membuat objek jQuery baru yang cocok dengan elemen-elemen itu..parents(); Seperti metode .parent(), tetapi yang terakhir hanya melintasi tingkat tunggal DOM tree.

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

Berpikir tentang halaman ini yang memiliki daftar yang bersarang 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 proyek A, maka elemen induknya dapat ditemukan:

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

Coba sendiri

Hasil pemanggilan ini adalah, tetapkan latar belakang merah bagi daftar level-2. Karena kami belum menerapkan ekspresi pemilih, elemen induk secara alamiah menjadi bagian dari objek. Jika ekspresi pemilih sudah diterapkan, pengujian elemen apakah cocok dengan pemilih akan dilakukan sebelum elemen berisi disertai.

Panduan Penelusuran jQuery