jQuery [attribute!=value] Selector
Contoh
Memilih seluruh elemen <div> yang attribute "id" nya TIDAK mengandung value dengan string "contoh":
Defenisi dan Penggunaan
Selektor [attribute!=value] adalah untuk memilih setiap elemen yang nilai / value attribute nya TIDAK memiliki string tertentu.
Elemen dengan attribute yang ditentukan, tetapi dengan nilai yang berbeda dari yang ditentukan, itu yang akan dipilih.
Rumus
| Parameter | Keterangan |
|---|---|
| attribute | Harus ada. Menentukan attribute yang akan dipilih |
| value | Harus ada. Menentukan nilai yang tidak mengandung kata tertentu. |
Contoh
Mewarnai latar belakang dari seluruh elemen 'div' yang ber-attribute "id" dengan value yang tidak mengandung kata "contoh", menjadi warna hijau.
x
<html> <head> <script src="https://cdn.rawgit.com/cholebeharia/blogku/1a8ade58/jquery.min.js"></script> </head> <body> <div id="contoh">Division 1</div> <div id="contohnya">Division 2</div> <div id="mencontoh">Division 3</div> <p id="contoh">Paragraf 1</p> <p id="contohnya">Paragraf 2</p> <p id="mencontoh">Paragraf 3</p> <script> $(document).ready(function(){ $("div[id!='contoh']").css("background-color","green"); }); </script> </body> </html>Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
Cobalah untuk mengganti selector nya menjadi "p[id!='contoh']", maka semua elemen "p" akan berwarna hijau, kecuali elemen "p" yang pertama saja yang tidak berwarna hijau.
Atau selectornya diganti menjadi "[id!='contoh']", maka semua elemen yang ber-attribute "id" akan terpilih, kecuali attribute "id" yang valuenya samadengan "contoh".
