jQuery [attribute~=value] Selector
Contoh
Memilih seluruh elemen <div> yang nilai attribute-nya MENGANDUNG kata tertentu misalnya "ibu":
$("div[name~='ibu']")
Sehingga selektor ini akan memilih string-string seperti: "ibu", "bapak ibu", "ibu guru", dst,. sepanjang string tersebut ada mengandung kata "ibu".
Defenisi dan Pengunaan
Selector [attribute~=value] memilih attribute tertentu dengan value yang mengandung string atau kata tertentu pula.
Tip: String bisa mengandung spasi.
| 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", "green");
Mewarnai latar belakang dari seluruh elemen yang ber-attribute "name" dengan value nya yang ada mengandung kata "ibu", menjadi warna hijau.
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="l-ibu-r">Division 2</div>8
<div name="lebar">Division 3</div>9
<div name="ibu guru">Division 4</div>10
<div name="bapak dan ibu">Division 5</div>11
<div name="ribu">Division 6</div>12
<script>13
$(document).ready(function(){14
$("div[name~='ibu']").css("background-color","green");15
});16
</script>17
</body>18
</html>Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
