fungsi looping dengan jquery.each()

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());
});