Selektor parent

Selektor :parent memilih elemen-elemen, yang merupakan induk (yaitu elemen tidak kosong, yang berisi elemen atau teks). Untuk mendapatkan induk atau leluhur dari set jQuery, lihat metode parent dan parents. Karena :parent bukan bagian dari spesifikasi CSS, maka untuk meningkatkan performa di browser modern, lebih baik pertama-tama menyaring elemen dengan menggunakan selektor css murni, lalu terapkan .filter(':parent').

Sintaks

Mendapatkan elemen-elemen induk:

javascript$(':parent');

Contoh

Kami memiliki tabel table dengan latar belakang hijau, mari kita cari sel td yang merupakan induk, dan warnai dengan warna abu-abu:

html<table>
  <tr><td>aaa</td><td></td></tr>
  <tr><td>bbb</td><td></td></tr>
  <tr><td>ccc</td><td></td></tr>
</table>
csstable {
  border: 1px;
}

td {
  width: 40px;
  background: green;
} 
javascript$('td:parent').css({background: '#ccc'});

Lihat juga

  • selektor empty,
    yang memilih elemen-elemen kosong
  • metode parent,
    yang mendapatkan induk langsung elemen
  • metode parents,
    yang memilih elemen-elemen yang tidak memiliki keturunan (termasuk node teks)