Halo teman-teman, sering-sering lah untuk melihat pemandangan yang indah contoh nya melihat tanaman dan pepohonan yang hijau, karena itu akan membuat otak, pikiran dan mata kita menjadi fresh teman-teman. Nah pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Seleksi Content dengan Fungsi filter() di jQuery.
Jika pada sebelumnya saya membuat artikel tentang Cara Seleksi Content dengan Fungsi first() di jQuery yang fungsi nya untuk menyeleksi content selector bagian pertama dan Cara Seleksi Content dengan Fungsi last() di jQUery yang fungsi nya untuk menyeleksi content selector bagian akhir. Nah untuk tutorial sekarang kita akan coba untuk menyeleksi selector yang sudah diberikan id atau class yang ingin kita seleksi dengan memakai fungsi filter() di jquery.
Oke langsung saja, berikut Cara Seleksi Content dengan Fungsi filter() di jQuery.
Pertama silahkan teman-teman buat file index.html nya.
Kemudian isikan library jquery nya di dalam tag <head>,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
Setelah itu ketikkan tag-tag di bawah di dalam tag <body>,
<h1>Selamat datang!</h1> <p>Nama saya Daniel.</p> <p class="intro">Saya tinggal di Indonesia.</p> <p class="intro">Saya cinta Indonesia.</p> <p>Teman baik saya adalah...</p>
Dan yang terakhir buat script nya di dalam tag <head> ya,
<script>
$(document).ready(function(){
$("p").filter(".intro").css("background-color", "yellow");
});
</script>
Maka outputnya akan seperti gambar di bawah.
Bagaimana teman-teman cukup mudah bukan?
Sekian untuk tutorial kali ini tentang Cara Seleksi Content dengan Fungsi filter() di jQuery.
Semoga bermanfaat, terima kasih