aldiunanto.com

jQuery filter [^=] dan lawannya

Pada suatu kasus tertentu, kita ingin membuat fitur pencarian dari beberapa <div> dengan menggunakan filterisasi. Contoh tag kasus :

Di atas, saya menyediakan 3 <div> tag yang dari setiap div memiliki class. Contoh, kita akan menyeleksi <div> yang memiliki class dengan berawalan ‘ma’, maka kurang lebih kita bisa menggunakan jQuery seperti berikut :

Mudah bukan? Sekarang anda bisa bereksperimen sendiri dengan trik ini. Sebagai contoh, ketika tag html diatas tadi akan anda hilangkan berdasarkan apa yang User ketik dalam sebuah teks inputan. Lihat kode dibawah :

Maka tinggal anda atur seleksi eventnya! Contoh :

Semoga bermanfaat.

Leave a Reply

%d bloggers like this: