Berikut ini contoh penggunaan fungsi looping jquery $.each() dan $(selector).each().
Fungsi $.each()
digunakan untuk looping array, object dan json.
Contoh 1 : looping array
//looping array var numbers = ["satu", "dua", "tiga"]; $.each(numbers, function(index, value) { console.log("index = " + index + ", value = " + value); }); /* OUTPUT index = 0, value = satu index = 1, value = dua index = 2, value = tiga */
Contoh 2 : looping object
// OBJECTS var obj = { satu: 1, dua: 2, tiga: 3 }; $.each(obj, function(index, value) { console.log(value); }); // Outputs: 1 2 3
contoh 3 : looping json
//json var json = [{ putih: "#fff" }, { hitam: "#000" }, { biru: "#00f" }]; $.each(json, function() { $.each(this, function(name, value) { console.log(name + "=" + value); }); });
Fungsi looping $(selector).each()
Digunakan untuk looping element HTML
<div class="item">Tv</div> <div class="item">Radio</div> <div class="item">Kulkas</div> <div>Meja</div>
$(".item").each(function() { console.log($(this).text()); });
Output :