Cara Looping Menggunakan Each() Pada Jquery

Di panduan kali ini sahabat akan belajar cara Looping Menggunakan Each() Di Jquery .



Looping di jquery sedikit berbeda dengan looping di bahasa pemrograman lain walaupun konsepnya sama saja yaitu bagi mengulang data.



Oke kali ini saya akan mencoba bagi melooping sebuah array dan menampilkannya di browser menggunakan document.write.



Silahkan kalian salin code berikut :



<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type=text/javascript src=https://code.jquery.com/jquery-3.1.1.min.js></script>
</head>
<body>
   <script type=text/javascript>

   $(document).ready(function(){

    var array = ['1','2 ','3','4','5'];
           $.each(array,function(index,obj)
       {

       document.write(array ke +index+ : nilainya = +obj);
       document.write(<br>);

        });

   });
       
   </script>
</body>
</html>


setelah di salin coba di jalankan di browsernya masing-masing dan lihat hasilnya, seperti yang kita ketahui sebuah array dimulai dari nol jadi iasi array dihitungnya bukan dari satu tapi dari nol. hasilnya seperti ini :





jadi each() akan melooping segala isi array dari array ke nol hingga terakhir lalu di tampilkan di browser.



 




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS