Getting text from td cells with jQuery

Question

I have this code in jQuery:

children('table').children('tbody').children('tr').children('td') 

Which gets all table cells for each row. My question is: how can I get the text value in each cell in each row?

Should I use .each() to loop trough all children('td')? How can I get the text value of each td?

Answer 1

First of all, your selector is overkill. I suggest using a class or ID selector like my example below. Once you've corrected your selector, simply use jQuery's .each() to iterate through the collection:

ID Selector:

$('#mytable td').each(function() {     var cellText = $(this).html();     }); 

Class Selector:

$('.myTableClass td').each(function() {     var cellText = $(this).html();     }); 

Additional Information:

Take a look at jQuery's selector docs.

Answer 2

You can use .map: http://jsfiddle.net/9ndcL/1/.

// array of text of each td  var texts = $("td").map(function() {     return $(this).text(); });