#daftarku .hidden { display: none;}Class hidden di atas akan kita tambahkan pada setiap elemen yang tidak memenuhi kondisi pencarian.
var filter = $(this).val(); var count = 0; var pattern=new RegExp(filter, "i"); $("#daftarku li").each(function () { if (!pattern.test($(this).text())) { $(this).addClass("hidden"); } else { $(this).removeClass("hidden"); }Script di atas akan melakukan iterasi untuk setiap elemen li yang merupakan child dari elemen dengan id daftarku. Kemudian isi teks untuk setiap elemen li tersebut akan dicocokkan dengan kata kunci yang kita masukkan dengan menggunakan objek pattern yang merupakan instansiasi dari class RegExp. Objek pattern akan menggunakan keyword yang kita masukkan sebagai regular expression dimana parameter "i" menyatakan bahwa pencarian akan dilakukan dengan tanpa membedakan huruf besar dan huruf kecil (case-insensitive). Jika method test() menghasilkan nilai false, maka class hidden akan ditambahkan ke dalam elemen tersebut, sebaliknya, jika menhasilkan nilai true, maka class hidden akan dihilangkan dari elemen tersebut. Agar fungsi di atas dieksekusi secara real time, maka fungsi tersebut dapat kita masukkan ke dalam handler event keyup dari sebuah input bertipe text.
$("#filter-input").keyup(function () { var filter = $(this).val(); var count = 0; var pattern=new RegExp(filter, "i"); $("#daftarku li").each(function () { if (!pattern.test($(this).text())) { $(this).addClass("hidden"); } else { $(this).removeClass("hidden"); count++; } }); $("#filter-count").text(count); });Fungsi di atas sama dengan contoh fungsi sebelumnya dengan ditambahkan variabel count untuk menyimpan jumlah hasil penyaringan. Berikut ini merupakan contoh skrip html yang akan memanfaatkan fungsi berikut.
Filter images:     0          Provinsi Nanggro Aceh Darussalam Ibukota nya adalah Banda Aceh   Provinsi Sumatera Utara Ibukota nya adalah Medan   Provinsi Sumatera Barat Ibukota nya adalah Padang   Provinsi Riau Ibukota nya adalah Pekan Baru   Provinsi Kepulauan Riau Ibukota nya adalah Tanjung Pinang   Provinsi Jambi Ibukota nya adalah Jambi   Provinsi Sumatera Selatan Ibukota nya adalah Palembang   Provinsi Bangka Belitung Ibukota nya adalah Pangkal Pinang   Provinsi Bengkulu Ibukota nya adalah Bengkulu   Provinsi Lampung Ibukota nya adalah Bandar Lampung   Provinsi DKI Jakarta Ibukota nya adalah Jakarta   Provinsi Jawa Barat Ibukota nya adalah Bandung   Provinsi Banten Ibukota nya adalah Serang   Provinsi Jawa Tengah Ibukota nya adalah Semarang   Provinsi Daerah Istimewa Yogyakarta Ibukota nya adalah Yogyakarta   Provinsi Jawa Timur Ibukota nya adalah Surabaya   Provinsi Bali Ibukota nya adalah Denpasar   Provinsi Nusa Tenggara Barat Ibukota nya adalah Mataram   Provinsi Nusa Tenggara Timur Ibukota nya adalah Kupang   Provinsi Kalimantan Barat Ibukota nya adalah Pontianak   Provinsi Kalimantan Tengah Ibukota nya adalah Palangkaraya   Provinsi Kalimantan Selatan Ibukota nya adalah Banjarmasin   Provinsi Kalimantan Timur Ibukota nya adalah Samarinda   Provinsi Sulawesi Utara Ibukota nya adalah Manado   Provinsi Gorontalo Ibukota nya adalah Gorontalo   Provinsi Sulawesi Tengah Ibukota nya adalah Palu   Provinsi Sulawesi Tenggara Ibukota nya adalah Kendari   Provinsi Sulawesi Selatan Ibukota nya adalah Makassar   Provinsi Maluku Ibukota nya adalah Ambon   Provinsi Maluku Utara Ibukota nya adalah Ternate   Provinsi Papua Barat Ibukota nya adalah Sorong   Provinsi Papua Tengah Ibukota nya adalah Timika   Provinsi Papua Timur Ibukota nya adalah Jayapura     Berikut contoh hasil yang akan dihasilkan:
Filter images: 0
- Provinsi Nanggro Aceh Darussalam Ibukota nya adalah Banda Aceh
- Provinsi Sumatera Utara Ibukota nya adalah Medan
- Provinsi Sumatera Barat Ibukota nya adalah Padang
- Provinsi Riau Ibukota nya adalah Pekan Baru
- Provinsi Kepulauan Riau Ibukota nya adalah Tanjung Pinang
- Provinsi Jambi Ibukota nya adalah Jambi
- Provinsi Sumatera Selatan Ibukota nya adalah Palembang
- Provinsi Bangka Belitung Ibukota nya adalah Pangkal Pinang
- Provinsi Bengkulu Ibukota nya adalah Bengkulu
- Provinsi Lampung Ibukota nya adalah Bandar Lampung
- Provinsi DKI Jakarta Ibukota nya adalah Jakarta
- Provinsi Jawa Barat Ibukota nya adalah Bandung
- Provinsi Banten Ibukota nya adalah Serang
- Provinsi Jawa Tengah Ibukota nya adalah Semarang
- Provinsi Daerah Istimewa Yogyakarta Ibukota nya adalah Yogyakarta
- Provinsi Jawa Timur Ibukota nya adalah Surabaya
- Provinsi Bali Ibukota nya adalah Denpasar
- Provinsi Nusa Tenggara Barat Ibukota nya adalah Mataram
- Provinsi Nusa Tenggara Timur Ibukota nya adalah Kupang
- Provinsi Kalimantan Barat Ibukota nya adalah Pontianak
- Provinsi Kalimantan Tengah Ibukota nya adalah Palangkaraya
- Provinsi Kalimantan Selatan Ibukota nya adalah Banjarmasin
- Provinsi Kalimantan Timur Ibukota nya adalah Samarinda
- Provinsi Sulawesi Utara Ibukota nya adalah Manado
- Provinsi Gorontalo Ibukota nya adalah Gorontalo
- Provinsi Sulawesi Tengah Ibukota nya adalah Palu
- Provinsi Sulawesi Tenggara Ibukota nya adalah Kendari
- Provinsi Sulawesi Selatan Ibukota nya adalah Makassar
- Provinsi Maluku Ibukota nya adalah Ambon
- Provinsi Maluku Utara Ibukota nya adalah Ternate
- Provinsi Papua Barat Ibukota nya adalah Sorong
- Provinsi Papua Tengah Ibukota nya adalah Timika
- Provinsi Papua Timur Ibukota nya adalah Jayapura
ind_Latn ind_Latn zsm_Latn bjn_Latn eng_Latn ace_Latn bjn_Latn min_Latn ind_Latn bjn_Latn bjn_Latn bjn_Latn bjn_Latn bjn_Latn bjn_Latn ind_Latn bjn_Latn bjn_Latn bjn_Latn bjn_Latn bjn_Latn ind_Latn bjn_Latn ind_Latn bjn_Latn ind_Latn bjn_Latn bjn_Latn ind_Latn bjn_Latn ind_Latn ind_Latn bjn_Latn bjn_Latn ace_Latn min_Latn ind_Latn ind_Latn