Create array of table cell values jQuery

Question

I have the following code, which I'm using to create an array of all the tr's in the tbody area of a table.

var $table = $('#mytable');
var $rows = $table.find("tbody tr");

It works fine and contains the data from the table. However, I want to loop over each row and create an array of the value of each cell in that row. I've tried:

for(x=0;x<$rows.length;x++)
{
    var aCells = $rows[x].find("td");
    alert(aCells.length);
}

But the console is showing an error stating that Object # has no method 'find'

Can anyone help me? I just want to loop over each row in the tbody one at a time and create an array of the cell values within that row so I can access a specific cell on each loop.

epascarello · Accepted Answer · 2013-12-12 18:09:38Z

3

This returns DOM not a jQuery object

$rows[x]

You want to use eq()

$rows.eq(x).find("td");

or just use each()

$rows.each(function(){
    var cells = $(this).find("td");
});

answered Dec 12, 2013 at 18:09

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Phil Over a year ago

Worked like a charm!! Thank you! Will mark as correct answer as soon at it lets me.

Rajaprabhu Aravindasamy · Accepted Answer · 2013-12-12 18:09:56Z

2

You can use .each() to iterate through the rows and you can access its td elements by using the $(this) reference.

Try

$rows.each(function(){
    var aCells = $(this).find("td");
    alert(aCells.length);
});

answered Dec 12, 2013 at 18:09

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Comments

lex82 · Accepted Answer · 2013-12-12 18:11:25Z

2

$rows is not an array. It's a jQuery object. Use $rows.eq(x) instead. See the documentation of .eq()

answered Dec 12, 2013 at 18:11

lex82

11.4k2 gold badges48 silver badges72 bronze badges

1 Comment

Phil Over a year ago

Thanks lex82, I wasn't aware of the .eq() method so thank you for your response.

Collectives™ on Stack Overflow

Create array of table cell values jQuery

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related