tomar - seleccionar fila tabla html jquery

jQuery: cuenta el número de filas en una tabla

Question

¿Cómo cuento el número de elementos tr dentro de una tabla usando jQuery?

Sé que hay una pregunta similar , pero solo quiero las filas totales.

Answer 1

prueba este si hay tbody

Sin encabezado

$("#myTable > tbody").children.length

Si hay encabezado entonces

$("#myTable > tbody").children.length -1

¡¡¡Disfrutar!!!

Answer 2

Alternativamente...

var rowCount = $(''table#myTable tr:last'').index() + 1;

jsFiddle DEMO

Esto asegurará que las filas de tablas anidadas no se cuenten también.

Answer 3

Aquí está mi opinión sobre esto:

//Helper function that gets a count of all the rows <TR> in a table body <TBODY>
$.fn.rowCount = function() {
return $(''tr'', $(this).find(''tbody'')).length;
};

USO:

var rowCount = $(''#productTypesTable'').rowCount();

Answer 4

Bueno, obtengo las filas attr de la tabla y obtengo la longitud para esa colección:

$("#myTable").attr(''rows'').length;

Creo que jQuery funciona menos.

Answer 5

Encontré que esto funciona muy bien si quieres contar filas sin contar el th y cualquier fila de las tablas dentro de las tablas:

var rowCount = $("#tableData > tbody").children().length;

Answer 6

Necesitaba una forma de hacer esto en un retorno AJAX, así que escribí este artículo:

<p id="num_results">Number of results: <span></span></p>
<div id="results"></div>
<script type="text/javascript">
$(function(){
ajax();
})
//Function that makes Ajax call out to receive search results
var ajax = function() {
//Setup Ajax
$.ajax({
url: ''/path/to/url'', //URL to load
type: ''GET'', //Type of Ajax call
dataType: ''html'', //Type of data to be expected on return
success: function(data) { //Function that manipulates the returned AJAX''ed data
$(''#results'').html(data); //Load the data into a HTML holder
var $el = $(''#results''); //jQuery Object that is holding the results
setTimeout(function(){ //Custom callback function to count the number of results
callBack($el);
});
}
});
}
//Custom Callback function to return the number of results
var callBack = function(el) {
var length = $(''tr'', $(el)).not(''tr:first'').length; //Count all TR DOM elements, except the first row (which contains the header information)
$(''#num_results span'').text(length); //Write the counted results to the DOM
}
</script>

Obviamente, este es un ejemplo rápido, pero puede ser útil.

Answer 7

Obtuve lo siguiente:

jQuery(''#tableId'').find(''tr'').index();

Answer 8

Si usa <tbody> o <tfoot> en su tabla, tendrá que usar la siguiente sintaxis o obtendrá un valor incorrecto:

var rowCount = $(''#myTable >tbody >tr'').length;

Answer 9

Utilice un selector que seleccionará todas las filas y tomará la longitud.

var rowCount = $(''#myTable tr'').length;

Nota: ¡este enfoque también cuenta todos los trs de cada tabla anidada!

Answer 10

jQuery("#tablebodyID >tr).length();

Answer 11

row_count = $(''#my_table'').find(''tr'').length;
column_count = $(''#my_table'').find(''td'').length / row_count;