How to make a array of html content? [duplicate]

Question

Here is the HTML:

<table>
  <tbody>
    <tr>
      <td>1</td>
      <td>one</td>
    </tr>
    <tr>
      <td>2</td>
      <td>two</td>
    </tr>
  </tbody>
</table>

Now I need to make an array of second column of that table like this:

var arr = ['one', 'two'];

How can I do that?

I can select the table like this $('table') and get its content like this: $('table td+td'), but I don't know how can I make an array of them.

Nenad Vracar · Accepted Answer · 2016-11-05 10:44:57Z

2

You can use :nth-child() to select second td and map() to return array DEMO

var arr = $('table td:nth-child(2)').map(function() {
  return $(this).text();
}).get();

answered Nov 5, 2016 at 10:44

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

1 Comment

Should you not mark it as duplicate instead?

Jayesh Chitroda · Accepted Answer · 2016-11-05 10:46:48Z

1

Try this:

Use $("table td:nth-child(2)").each() to loop through all 2nd td and get its text using .text()

var arr = new Array();
$("table td:nth-child(2)").each(function(i){
  arr[i] = $(this).text();
})

answered Nov 5, 2016 at 10:46

Jayesh Chitroda

5,03915 silver badges18 bronze badges