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.
x
1
<html>2
<head>3
<script src="https://cdn.rawgit.com/cholebeharia/blogku/1a8ade58/jquery.min.js"></script>4
</head>5
<body>6
<div name="ibu">Division 1</div>7
<div name="libur">Division 2</div>8
<div name="ribu">Division 3</div>9
<div name="bu-guru">Division 4</div>10
<div name="liburan">Division 5</div>11
<div name="duaribuan">Division 6</div>12
<script>13
$(document).ready(function(){14
$("div[name*='ibu']").css("background-color","yellow");15
});16
</script>17
</body>18
</html>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.
