jQuery [attribute|=value] Selector
Contoh
Memilih seluruh elemen <p> yang judul attribute nya diawali dengan value "ibu":
$("p[title|='ibu']")
Defenisi dan Penggunaan
Selektor [attribute|=value] adalah untuk memilih tiap elemen dengan attribute tertentu yang value nya sama dengan string tertentu (seperti "ibu") atau diawali dengan string yang diikuti dengan tanda penghubung (seperti "ibu-guru").
Rumus
$("[attribute|='value']")
| Parameter | Keterangan |
|---|---|
| attribute | Harus ada. Menentukan attribute yang akan dipilih |
| value | Harus ada. Menentukan string dari nilai attribute yang awal. |
Contoh
$("div[name|='ibu']").css("background-color", "green");
Mewarnai latar belakang dari seluruh elemen 'div' yang ber-attribute "name" dengan value nya diawali dengan string "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="ibu-guru">Division 2</div>8
<div name="ibuguru">Division 3</div>9
<div name="guru dan ibu">Division 4</div>10
<div name="ibu dan guru">Division 5</div>11
<div name="guru">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:
