How To Get The Html Table Data in Jquery Array?

Question

How To Extract The Data From The Html Table and store it in jquery Array?

here is an example: jsbin.com/oveva3/1465/edit

Krupal Shah
– Krupal Shah

2014-08-07 05:55:35 +00:00
Commented Aug 7, 2014 at 5:55 — Krupal Shah
– Krupal Shah, Commented Aug 7, 2014 at 5:55
@user2451349 What happen OP you got the answer?

kamesh
– kamesh

2014-08-07 09:19:38 +00:00
Commented Aug 7, 2014 at 9:19 — kamesh
– kamesh, Commented Aug 7, 2014 at 9:19

dknaack · Accepted Answer · 2014-08-07 05:58:52Z

3

If you want to convert a html table to a javascript array, you can use something like this.

Html

<table id="myTableId">
   <tr>
      <td>Row 1 - Column 1</td>
      <td>Row 1 - Column 2</td>
   </tr>
   <tr>
      <td>Row 2 - Column 1</td>
      <td>Row 2 - Column 2</td>
   </tr>
</table>

jQuery

var tableArray = [];

$("table#myTableId tr").each(function() {
    var rowData = [];
    var tableData = $(this).find('td');
    if (tableData.length > 0) {
        tableData.each(function() { rowData.push($(this).text()); });
        tableArray.push(rowData);
    }
});

edited Aug 7, 2014 at 5:58

answered Aug 7, 2014 at 5:52

dknaack

60.7k28 gold badges166 silver badges211 bronze badges

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

Comments

kamesh · Accepted Answer · 2014-08-18 12:28:27Z

1

I thought of doing it using jquery map

CODE :

var varObject = $('td').map(function(){
    return $(this).text();
}).get();

Now convert it into real array by using jquery makeArray and if you want to check it is valid array use isArray

var array = $.makeArray(varObject);
if(jQuery.isArray( array ) === true){ 
    console.log(' valid array ');
 }

Here is a SAMPLE DEMO.

edited Aug 18, 2014 at 12:28

answered Aug 7, 2014 at 8:59

kamesh

2,4343 gold badges28 silver badges33 bronze badges

Collectives™ on Stack Overflow

How To Get The Html Table Data in Jquery Array?

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related