Javascript: Contar el número de columnas en una fila de la tabla

Tengo una tabla similar aJavascript: Contar el número de columnas en una fila de la tabla

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

quiero contar el número de elementos td en una fila. Estoy intentando

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

No se muestra el resultado real.

Fuente

2012-04-06 Muhammad Imran Tariq

Usted tiene que usar jQuery FGS –

Por el fo Si lo desea, puede obtener el número de filas en una tabla: document.getElementById ('someid'). getElementsByTagName ('tr'). length; –

@pinouchon Cuando uno pregunta por una solución en Javascript, "tiene que usar jQuery" no es una respuesta. – Rodrigo

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

células no es una propiedad de una tabla, las filas son. Cells es una propiedad de una fila aunque

Fuente

2012-04-06 12:58:18

Esto solo funciona en casos simples, donde colspan = 1 para todas las celdas, y todas las filas tienen el mismo número de columnas. (HTML permite que las filas tengan diferentes números de columnas, en cuyo caso las filas con muy pocas columnas obtienen espacios en blanco al final.) –

No estoy seguro de lo que quiere decir. La pregunta era sobre las celdas en una fila. Si colspan = 2 y dos faltantes todavía significa una sola celda. Aunque se hace un poco confuso cuando se usa rowspan, pero sigue siendo correcto, vea este violín: http://jsfiddle.net/GF6Dr/ Si desea un número de celdas en una tabla, haga el máximo de todas las celdas –

En primer lugar, cuando llame al getElementById, debe proporcionar una identificación. o_O

El único elemento en su dom con una identificación es el elemento table. Si puede, puede agregar identificadores (asegúrese de que sean únicos) a sus elementos tr.

O bien, puede usar getElementsByTagName('tr') para obtener una lista de tr elementos en su documento, y luego obtener el número de tds.

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

Fuente

2012-04-06 12:55:49 hvgotcodes

Usted podría hacer

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

violín aquí http://jsfiddle.net/TEZ73/

Fuente

2012-04-06 12:59:22

-2

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

Fuente

2015-10-15 06:57:22 user5448317

describe tu respuesta más detallada! –

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

Resultado:

Row 1 : 1 column 
Row 2 : 4 column

Fuente

2015-10-15 08:04:34

Javascript: Contar el número de columnas en una fila de la tabla

Respuesta

Cuestiones relacionadas