jQuery Perulangan - Metode parent()

Referensi Perulangan 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 kumpulan elemen yang cocok, 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 kumpulan elemen DOM, metode .parent() memungkinkan kami mencari elemen induk dari elemen-elemen ini di dalam DOM tree dan membangun objek jQuery baru yang cocok dengan elemen-elemen yang cocok..parents() Seperti metode .parent(), tetapi yang terakhir hanya melintasi satu tingkatan DOM tree.

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

Berpikir tentang halaman ini yang memiliki daftar penjubuk dasar yang bersarang:

<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 dapat menemukan elemen induknya:

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

Coba sendiri

Hasil pemanggilan ini adalah, mengatur latar belakang berwarna merah untuk daftar level-2. Karena kami belum menerapkan ekspresi pemilih, elemen induk alami menjadi bagian dari objek. Jika ekspresi pemilih sudah diterapkan, pengujian apakah elemen cocok dengan pemilih akan dilakukan sebelum elemen yang berisi ditemukan.

Referensi Perulangan jQuery