如何获取 HTML 表格中 td 特定值的列索引答案

【问题标题】：How to get the column index of particular value of td in HTML tables如何获取 HTML 表格中 td 特定值的列索引
【发布时间】：2013-08-26 10:58:32
【问题描述】：

你好，

我创建了一个 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 的索引。

【问题讨论】：

你想要每个 td 的列索引？？
你有没有尝试过
它已经在这里了。通过它..stackoverflow.com/questions/6062492/…
我需要第一行第三列的索引............

标签： html

【解决方案1】：

下面是一个工作代码，先遍历表得到其中的值，然后和你需要的值比较，找到它的索引..，

 <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>

【讨论】：

【解决方案2】：

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

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);
        }
    }

}

【讨论】：

【解决方案3】：

我建议为此使用jQuery index：

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

【讨论】：

感谢正文的帮助。