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 r

Answer 1

I would give your tds a specific class, e.g. data-cell, and then use something like this:

$("td.data-cell").each(function () {
    // 'this' is now the raw td DOM element
    var txt = $(this).html();
});

Answer 2

$(document).ready(function() {
  $('td').on('click', function() {
    var value = $this.text();
  });
});

Answer 3

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 4

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

// array of text of each td

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

Answer 5

$(".field-group_name").each(function() {
        console.log($(this).text());
    });