Loop through all cells in table row using jQuery

Question

What would be the best way to achieve this using jQuery, I'm trying to change the text for each cell upon row click, but I can't access the cell text in the first place (str is empty):

$("tr").bind("click", function() {
    $cells = $(this).children();
    $cells.each(function(index, cell) {
        var str = $(cell).val();
    });
});

`var str = $(cell).text();` – Patrick Q Jul 28 '14 at 16:04 — Patrick Q, Jul 28 '14 at 16:04

martynas · Accepted Answer · 2014-07-28T16:11:28.100

1

A td does not have a value. Use .text() instead:

$("tr").bind("click", function() {
    $cells = $(this).children();
    $cells.each(function(cell) {
        var str = cell.text();
    });
});

edited Jul 28 '14 at 16:11

answered Jul 28 '14 at 16:06

martynas

12,120
3
55
60

How can I know when to use val() and when to use text()? – Rafael Jul 28 '14 at 16:11
Use `.val()` on input elements. Read more here: http://stackoverflow.com/questions/807867/difference-between-val-and-text – martynas Jul 28 '14 at 16:12

Loop through all cells in table row using jQuery

1 Answers1