jQuery [attribute*=value]
Selector
Contoh
Memilih seluruh elemen <div> yang nilai dari atrribute nya mengandung kata atau string "ibu":
$("div[name*='ibu']")
Defenisi dan Kegunaan
Selector [attribute*=value] untuk memilih setiap elemen yang nilai dari attribute nya ada mengandung kata tertentu entah itu di:
- awal string (seperti "ibuku"),
- di tengah (seperti "libur"),
- ataupun di akhir dari string tersebut (seperti "ribu").
| Parameter | Keterangan |
|---|---|
| attribute | Harus ada. Menentukan attribute yang akan dipilih |
| value | Harus ada. Menentukan nilai yang mengandung kata tertentu. |
Contoh
$("div[name*='ibu']").css("background-color", "yellow");
Mewarnai latar belakang dari seluruh elemen yang ber-attribute "name" dengan value yang mengandung string/kata "ibu", entah itu di awal kata, tengah kata ataupun di akhir kata, menjadi warna kuning.
Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
Untuk memudahkan anda supaya lebih memahami lagi selector ini, maka cobalah untuk mengganti nilai dari selector nya misalnya "div[name*='guru']", dan lihat perubahan yang terjadi.
