[JavaScript知识库]前端table表格循环

jq

$('#btntb').click(function(){
   $('#tab tr').each(function(i){                   // 遍历 tr
      $(this).children('td').each(function(j){  // 遍历 tr 的各个 td
         alert("第"+(i+1)+"行，第"+(j+1)+"个td的值："+$(this).text()+"。");
      });
   });
});

js

var tb = document.getElementById('tab');    // table 的 id
var rows = tb.rows;                           // 获取表格所有行
for(var i = 0; i<rows.length; i++ ){
   for(var j = 0; j<rows[i].cells.length; j++ ){    // 遍历该行的 td
       alert("第"+(i+1)+"行，第"+(j+1)+"个td的值："+rows[i].cells[j].innerHTML+"。");           // 输出每个td的内容
   }
}

原文链接：https://www.cnblogs.com/nmnm/p/7722456.html