Javascript: Đếm số cột trong một dòng của bảng

Question

Tôi có một bảng tương tự như

<table id="table1"> 
<tr> 
    <td><input type="text" value="" /></td> 
    <td><input type="text" value="" /></td> 
    <td><input type="text" value="" /></td> 
    <td><input type="text" value="" /></td> 
</tr> 
<tr> 
    <td><input type="text" value="" /></td> 
    <td><input type="text" value="" /></td> 
    <td><input type="text" value="" /></td> 
    <td><input type="text" value="" /></td> 
</tr> 
<table> 

Tôi muốn đếm số lượng các yếu tố td liên tiếp. Tôi đang cố gắng

document.getElementById('').cells.length; 
document.getElementById('').length; 
document.getElementById('').getElementsByTagName('td').length; 

Nó không hiển thị kết quả thực tế.

Answer 1

document.getElementById('table1').rows[0].cells.length 

tế bào không phải là một tài sản của một bảng, hàng đang có. Tế bào là một tài sản của một hàng dù

Answer 2

Trước tiên, khi bạn gọi getElementById, bạn cần cung cấp id. o_O

Mục duy nhất trong dom của bạn có id là yếu tố table. Nếu có thể, bạn có thể thêm id (đảm bảo chúng là duy nhất) cho các phần tử tr của bạn.

Hoặc, bạn có thể sử dụng getElementsByTagName('tr') để nhận danh sách các phần tử tr trong tài liệu của mình và sau đó nhận số lượng tds.

here is a fiddle that console logs the results...

Answer 3

Bạn có thể làm

alert(document.getElementById('table1').rows[0].cells.length) 

fiddle đây http://jsfiddle.net/TEZ73/

Answer 4

$('#table1').find(input).length 

Answer 5

<table id="table1"> 
<tr> 
    <td colspan=4><input type="text" value="" /></td> 

</tr> 
<tr> 
    <td><input type="text" value="" /></td> 
    <td><input type="text" value="" /></td> 
    <td><input type="text" value="" /></td> 
    <td><input type="text" value="" /></td> 

</tr> 
<table> 
<script> 
    var row=document.getElementById('table1').rows.length; 
    for(i=0;i<row;i++){ 
    console.log('Row '+parseFloat(i+1)+' : '+document.getElementById('table1').rows[i].cells.length +' column'); 
    } 
</script> 

Kết quả:

Row 1 : 1 column 
Row 2 : 4 column