table每行指定个数列

Question

function addForeach(array) {
            $("body").empty();
            $("body").append("<table id='tab'></table>");
            $.each(array, function (index, ele) {
                var i = index;
                    $("#tab").append("<tr id='" + i + "'></tr>");
                    temp = i;
                $("#" + temp + "").append("<td><input type='checkbox' value='" + ele + "'/><label>" + ele + "</label></td>");
                
            });
        }
addForeach([1,2,3,4])
自己看下each

Answer 1

function addForeach(array) {
            $("body").empty();
            $("body").append("<table id='tab'></table>");
            $.each(array, function (i, ele) {
                    $("#tab").append("<tr id='" + i + "'></tr>");
                
                $("#" + i + "").append("<td><input type='checkbox' value='" + ele + "'/><label>" + ele + "</label></td>");
                
            });
        }
        addForeach([1,2,3,4,5])
自己查下each

Answer 2

function addForeach(array) {
  $("body").empty();
  $("body").append("<table id='tab'></table>");
  var id = 0;
  $.each(array, function (i, ele) {
    if(i % 3 == 0) $("#tab").append("<tr id='" + (++id) + "'></tr>");
    $("#" + id + "").append("<td><input type='checkbox' value='" + ele + "'/><label>" + ele + "</label></td>");
  });
}
addForeach([1,2,3,4,5, 6])

Answer 3

多谢、主要就是这个each遍历重新给index赋值0了，并不是i++不执行