Pada tutorial kali ini anda akan belajar cara Looping Menggunakan Each() Pada Jquery .
Looping pada jquery sedikit berbeda dengan looping pada bahasa pemrograman lain walaupun konsepnya sama saja yaitu untuk mengulang data.
Oke kali ini saya akan mencoba untuk melooping sebuah array dan menampilkannya pada 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 pada 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 semua isi array dari array ke nol sampai terakhir lalu di tampilkan pada browser.