Selamat datang di website tips dan tril Dumet School, berjumpa kembali dengan saya. Sebelumnya kita sudah membahas beberapa fungsi – fungsi dasar yang ada pada jQuery, dan pada kesempatan kali ini saya akan memberikan tips dan trik tentang Cara Menggunakan Metode Filtering pada jQuery dimana metode filtering ini berguna untuk menentukan suatu output yang telah di pilih melalui fungsi jQuery. Tiga metode filtering yang paling mendasar adalah first(), last() dan eq() , yang memungkinkan kita untuk memilih elemen tertentu berdasarkan posisinya dalam kelompok elemen atau baris. Pertama – tama kita gunakan .first() dimana fungsi ini untuk memilih elemen yang paling utama, dan .last() digunakan untuk memilih elemen yang paling terakhir, dan yang terakhir adalah .eq() berguna untuk memilih suatu elemen yang sama dengan memberikan nomor urutannya.
Baik, langsung saja kita implementasikan Cara Menggunakan Metode Filtering pada jQuery. Teman – teman siapkan text editornya dan ketikkan script html nya seperti gambar di bawah ini
Save dengan index.html, kemudian kita berikan library jQuery nya terlebih dahulu.
|
1 |
https://code.jquery.com/jquery-3.2.1.min.js |
Lalu berikan fungsi jQuery nya
|
1 2 3 4 5 |
<script> $(document).ready(function(){ $("div p").first().css("background-color", "yellow"); }); </script> |
Maka yang akan di filter adalah tag p paling utama, teman – teman jalankan pada browsernya. Maka hasilnya seperti gambar di bawah ini
Kemudian kita gunakan filtering dengan menggunakan .last(), teman – teman tambahkan script seperti gambar di bawah ini
Jika sudah, save dan refresh pada browsernya. Dan yang akan di filtering tag p utama dan tag p paling akhir yang ada di dalam tag div
Dan yang terakhir adalah filtering menggunakan .eq(), teman – teman tambahkan script seperti gambar di bawah ini
Dan hasilnya seperti gambar di bawah ini
Dan pada fungsi .eq() dan di dalam nya saya berikan akan 3 yang artinya urutan nomor 3, dimana tag p di dalam tag div memiliki banyak 5 p. Dari hasil .eq(3) yang tampil adalah tag p di dalam tag div nomor 4 karena dengan menggunakan .eq() hitungan di mulai dari 0 sama seperti urutan hitungan array.
Nah itulah metode filtering untuk memilih suatu elemen yang kita inginkan dengan menggunakan jQuery, mudah sekali bukan..??
Oke, mungkin sekian pada artikel kali ini tentang Cara Menggunakan Metode Filtering pada jQuery kita berjumpa kembali pada tips dan trik yang akan datang. Semoga bermanfaat untuk teman – teman yang khususnya sedang baru belajar tentang fungsi – fungsi jQuery. Terimakasih dan sampai jumpa.