Fungsi Each pada jQuery

Fungsi Each pada jQuery - Halo semua... pada pembahasan kali ini saya akan membahas satu funsgi yang ada pada jQuery, ada yang tahu fungsinya ? yup.. fungsi each, pada jQuery terdapat fungsi each yang bisa kita gunakan untuk mencari suatu elemen atau bisa digunakan untuk melakukan pengulangan setiap elemen.

Sintak Each

$(selector).each(function(param1, param2));

Baik, supaya lebih faham lagi saya akan berikan contoh sederhana, bagaimana fungsi each digunakan pada suatu elemen. Silahkan kalian bisa membuat file index.html lalu ketikan baris program berikut ini.

<body>
    <ul>
        <li>Dumetschool</li>
        <li>Tempat kursus</li>
        <li>terbaik</li>
        <li>di jakarta</li>
    </ul>
    <button id="btn">Cek Elemen</button>
</body>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
    $(document).ready(function() {
        $("#btn").click(function(){
          $("li").each(function(){
            alert($(this).text());
          });
        });
    });
</script>

Nah, dari kode diatas artinya kita telah menjalankan fungsi each untuk setiap elemen. Tentunya fungsi each tidak terbatas untuk melakukan itu saja, kalian juga bisa melakukan hal lainnya. Semoga dengan contoh penggunaan diatas kalian bisa memahaminya.

Baiklah, cukup sekian pembahasan jQuery tentang fungsi each semoga bermanfaat dan sampai jumpa dipembahasan selanjuntya.

7 November 2019

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat