4

你好呀,

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

4

3 回答 3

0

你可以试试这个(未经测试)

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

}
于 2013-08-26T11:16:01.520 回答
0

下面是一个工作代码,首先遍历表获取其中的值,然后与您需要的值进行比较并找到它的索引..,

 <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>
于 2013-08-26T11:24:45.227 回答
-1

我建议为此使用jQuery 索引:

var trCollection = $('table tr');
$('table td').each(function () {
    console.log(trCollection.index($(this).parent()));
});
于 2013-08-26T11:07:33.287 回答