使用jquery和for循环(不是每个循环)循环html表

loop html table using jquery and for loop (not for each)

本文关键字:循环 html jquery for 使用      更新时间:2023-09-26

我有一个HTML表

 <table id="mytab">
  <thead>
    <th>col1</th>
    <th>col2</th>
  </thead>
  <tbody>
  <tr>
    <td>1</td>
    <td>2</td>
  </tr>
  <tr>
     <td>11</td>
     <td>22</td>
  </tbody>
 </table>

我正在编写jquery函数

  function LoopTable()
  {
      $row = $('#mytab tbody >tr"); //here I have successfully find all the rows.
     //now i want to loop on rows and find each column row
     for (var i=0; i<$rows.length; i++)
     {
         //need something here to find col data
     }

我应该使用什么来获得行的列值

更新代码

$(document).ready(function() {
    var rows = $('#mytab tbody >tr');
    var columns;
    for (var i = 0; i < rows.length; i++) {
        columns = $(rows[i]).find('td');
        for (var j = 0; j < columns.length; j++) {
            console.log($(columns[j]).html());
        }
    }
});
for (var i=0; i<$rows.length; i++)
{
    $.each($row[i].children("td"), function(key, value) {
         console.log(value);
    });
}