計數在一個HTML表格的行數，除了不計<th></th>作爲行

若跌破將下面的代碼計算表中的每一表行，怎麼能修改這樣代碼不會將<th></th>作爲一行自己計算在內？

var rows = document.getElementById("data").rows.length;

來源

2013-12-10 Jason Kelly

你的表是否使用'thead/tbody'？ –

發佈您的HTML，所以我們可以幫助，請。 – srquinn

沒有或只是使用

–

您應該使用THEAD和TBODY

HTML：

<table id="data"> 
    <thead> 
     <tr><th>Hz</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>1</td></tr> 
     <tr><td>2</td></tr> 
     <tr><td>3</td></tr> 
    </tbody> 
</table>

的JavaScript：

var rows = document.getElementById("data").getElementsByTagName("tbody")[0].rows.length;

JSFiddle

來源

2013-12-10 17:49:54 epascarello

他沒有TBODY –

嗯，也許在OP應該花費30秒，增加一個。 :) – epascarello

我將添加一個，它似乎是最簡單的選項。我會在5分鐘內接受這個答案。非常感謝。 –

無需修改HTML標記你要算正確的行自己：

var rows = document.getElementById("data").rows 
var count = 0; 
for (var i=0; i< rows.length; i++) { 
    if (rows[i].cells[0].tagName != 'TH') count++ 
} 
console.log(count)

演示：http://jsfiddle.net/cHW6z/

來源

2013-12-10 17:57:38

它將爲此標記失敗：

–

使用jQuery的愛，如果你不想用純JS做到這一點：

$('#tableId tr').filter(function() { 
    return $(this).find('th').size() == 0; 
}).size();

來源

2013-12-10 17:58:13

乘坐看看這個JSFiddle，我試過的代碼是：

var rows = document.getElementById('data').getElementsByTagName('tr'); 
var count = 0; 
for(var i = 0; i < rows.length; i++) 
{  
    if (rows[i].getElementsByTagName('th').length == 0) 
     count++; 
} 
alert(count);

來源

2013-12-10 18:00:57

這應該是公認的答案。 –

計數在一個HTML表格的行數，除了不計<th></th>作爲行

回答

相關問題