请问如何在JavaScript中迭代表行和单元格？

Question

如何在JavaScript中迭代表行和单元格？如果我有一个HTML表.比如说<div id="myTabDiv"><table name="mytab" id="mytab1">   <tr>      <td>col1 Val1</td>     <td>col2 Val2</td>   </tr>   <tr>     <td>col1 Val3</td>     <td>col2 Val4</td>   </tr></table></div>我将如何迭代所有表行(假设每次检查时行数都会改变)，并从JavaScript中的每行单元格中检索值？

Answer 1

如果您想通过每一行(<tr>)，知道/识别行(<tr>)，并遍历每一列(<td>)每一行(<tr>)，那么这就是该走的路了。

var table = document.getElementById("mytab1");for (var i = 0, row; row = table.rows[i]; i++) {
   //iterate through rows
   //rows would be accessed using the "row" variable assigned in the for loop
   for (var j = 0, col; col = row.cells[j]; j++) {
     //iterate through columns
     //columns would be accessed using the "col" variable assigned in the for loop
   }  }

如果你只想穿过牢房<td>)，忽略你在哪一行，那么这就是该走的路了。

var table = document.getElementById("mytab1");for (var i = 0, cell; cell = table.cells[i]; i++) {
     //iterate through cells
     //cells would be accessed using the "cell" variable assigned in the for loop}

Answer 2

您可以考虑使用jQuery。使用jQuery，它非常简单，看起来可能如下所示：

$('#mytab1 tr').each(function(){
    $(this).find('td').each(function(){
        //do your stuff, you can use $(this) to get current cell
    })})

Answer 3

var table=document.getElementById("mytab1");var r=0;while(row=table.rows[r++]){
  var c=0;
  while(cell=row.cells[c++])
  {
    cell.innerHTML='[Row='+r+',Col='+c+']'; // do sth with cell
  }}

<table id="mytab1">
  <tr>
    <td>A1</td><td>A2</td><td>A3</td>
  </tr>
  <tr>
    <td>B1</td><td>B2</td><td>B3</td>
  </tr>
  <tr>
    <td>C1</td><td>C2</td><td>C3</td>
  </tr></table>

在每次遍历过程中，循环r/c迭代器增加，集合中的新行/单元格被分配给行/单元变量。当集合中没有更多的行/单元时，false被分配给行/单元格和迭代，然后循环停止(退出)。