Creating An Array From jQuery Selectors

Question

If I have the table:

 <table id="mastermind_table_one">
   <tr id="one">
     <td id='first'>First</td>
     <td id='second'>Second</td>
     <td id='third'>Third</td>
     <td id='forth'>Forth</td>
   </tr>
 </table>

How would I go about creating an array that contains each td?

I was hoping to get something like:

var array = ["First", "Second", "Third", "Forth"]

var array = $('#one td').map(function(){ return $.trim($(this).text()); }).get(). — gen_Eric
– gen_Eric, Commented Apr 7, 2014 at 20:05
Thank you all! I just tried this out and it worked. I appreciate it! — user3007294
– user3007294, Commented Apr 7, 2014 at 20:19

tymeJV · Accepted Answer · 2014-04-07 20:05:20Z

5

Like so:

var array = $("#one td").map(function() {
    return $(this).text()
}).get();

answered Apr 7, 2014 at 20:05

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

1 Comment

tymeJV Over a year ago

@T.J.Crowder -- Yeah, I just thought about that -> changed it to target the row ID followed by children of that.

Aarmora · Accepted Answer · 2014-04-07 20:08:11Z

1

var newArray = [];
$('#one').children().each(function(){
  newArray.push($(this).html());
})

answered Apr 7, 2014 at 20:08

Aarmora

1,1531 gold badge14 silver badges26 bronze badges

Comments

Roko C. Buljan · Accepted Answer · 2014-04-07 20:14:01Z

1

DEMO

var array = [];
$("#one td").text(function(i, txt) { array.push(txt); });

answered Apr 7, 2014 at 20:14

Roko C. Buljan

209k41 gold badges334 silver badges346 bronze badges

Collectives™ on Stack Overflow

Creating An Array From jQuery Selectors

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related