2013-08-26 31 views
4

您好,如何獲得TD的特定值的列索引的HTML表格

我創建了一個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.

+0

你想爲每個td的列索引? –

+0

你有沒有嘗試過任何東西 – bhb

+0

它已經在這裏。通過它..http://stackoverflow.com/questions/6062492/get-indexes-of-selected-columns-datatables-colvis – Sasidharan

回答

0

的以下是一個工作代碼,首先遍歷表格以獲取其中的值,然後與您所需的值進行比較d找到它的索引..,

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

我建議使用jQuery index這個指數:

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

Thaks身體的幫助。 – Anup

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

} 
相關問題