Question

你好，

我创建了一个HTML表，我需要的是找到特定值的列索引，但我不知道如何访问表的每个值。这就是为什么我无法获得列的索引。

这是我的桌子。

<table>
     <tr>
         <td>01</td>
         <td>02</td>
         <td>03</td>
     </tr>
     <tr>
         <td>04</td>
         <td>05</td>
         <td>06</td>
     </tr>
     <tr>
         <td>07</td>
         <td>08</td>
         <td>09</td>
     </tr>
</table>

我想要值03的索引。

Answer 1

你可以尝试这个（未经测试的）

var tab = document.getElementsByTagName("table")[0];
var tr = tab.childNodes;

for (var i = 0; i < tr.length; i++) {
    var td = tr[i].childNodes;
    for (var j = 0; j < tr.length; j++) {
        if (td[j].innerHTML == "03") {
            alert(i + "," + j);
        }
    }

}

Answer 2

以下是一个工作代码，首先遍历表以获取此值，然后与您所需的值进行比较并找到它的索引..，

 <html>

 <head>
 <script>
function cellvalues() {
    var table = document.getElementById('mytable');
    for (var r = 0, n = table.rows.length; r < n; r++) {
        for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
            var hi=table.rows[r].cells[c].innerHTML;
 if(hi==03)
 {
 alert(table.rows[r].cells[c].cellIndex);
 }
        }
    }
}


   </script>
   </head>
   <body>

   <table id="mytable">
   <tr><td>01</td><td>02</td><td>03</td>
  </tr>
   <tr><td>04</td><td>05</td><td>06</td>
    </tr>
   <tr><td>07</td><td>08</td><td>09</td>
  </tr>
   </table>
 <input type="button" onclick=cellvalues()>
 </body>

  </html>

Answer 3

我建议使用jQuery index：

var trCollection = $('table tr');
$('table td').each(function () {
    console.log(trCollection.index($(this).parent()));
});

如何在HTML表中获取td特定值的列索引

3 个答案: