jQuery [attribute$=value] Selector
Contoh
Memilih seluruh elemen <a> dengan nilai dari attribute href nya memiliki string akhir ".org":
$("a[href$='.org']")
Defenisi dan Penggunaan
Selektor [attribute$=value] adalah untuk memilih setiap elemen dengan attribute tertentu, yang valuenya memiliki string akhir tertentu pula.
| Parameter | Keterangan |
|---|---|
| attribute | Harus ada. Menentukan attribute yang akan dipilih |
| value | Harus ada. Menentukan nilai yang berakhiran dengan kata tertentu. |
Contoh
$("a[href$='.org']").css("background-color", "green");
Mewarnai latar belakang dari seluruh elemen yang ber-attribute "href" dengan value nya mengandung akhiran kata ".org", 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
<a href="www.contoh.com">Link 1</a>7
<br>8
<a href="www.contoh.net">Link 2</a>9
<br>10
<a href="www.contoh.org">Link 3</a>11
<br>12
<a href="www.contoh.biz">Link 4</a>13
<br>14
<a href="www.contoh.edu">Link 5</a>15
<script>16
$(document).ready(function(){17
$("a[href$='.org']").css("background-color","green");18
});19
</script>20
</body>21
</html>Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
Cobalah untuk mengganti selector nya menjadi "a[href$='.com']", maka elemen anchor pertama saja yang akan berwarna hijau.
Cobalah untuk yang lain
