Vòng lặp Each JQuery

Vòng lặp Each trong Jquery

Ví dụ 1: for each jquery đơn giản

$.each([1,2,3,4,5 ], function( index, value ) {
  alert( index + ": " + value );
});

Ví dụ 2: for each đối tượng biến json

var obj = {
  flammable: "inflammable",
  duh: "no duh"
};
$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});

Ví dụ 3: for each json trực tiếp

$.each({ name: "John", lang: "JS" }, function( k, v ) {
  alert( "Key: " + k + ", Value: " + v );
});

Ví dụ 4: for each sử dụng chỉ số index

var json = [
    {id:"1",tagName:"apple"},
    {id:"2",tagName:"orange"},
    {id:"3",tagName:"banana"},
    {id:"4",tagName:"watermelon"},
    {id:"5",tagName:"pineapple"}
];

$.each(json, function(idx, obj) {
    alert(obj.tagName);
});

Ví dụ 5:

$('.list').each(function(index) {
    
        var obj_chl = $(this).children();
        //alert(obj_chl);
        for(i=0;i<obj_chl.length;i++)
        {
        //alert(i);
            $(this).find("[name$=NumOrder]").eq(i).val(i+1);
            $(this).find(".NumOrder").eq(i).html(i+1);
        }       
});

Ví dụ 6:

<div class="donhang_list" >
    <ul>
    <li><div class="mn_donhang">A</div></li>
    <li><div class="mn_donhang">B</div></li>
    <li><div class="mn_donhang">C</div></li>
    </ul>
</div> <!-- donhang -->
   
$('.donhang_list ul li').each(function(index) {
                //alert(index);
                 var $this = $(this);
                 alert($this.html());               
       
             });
 

Vòng lặp Each trong Jquery