getting the html response into array

Question

I have an ajax function whose response is a html table.I need to convert it into array.

My response is like the following:

<table>
    <tr>
        <td>4362</td>
        <td>Education</td>
    </tr>
    <tr>
        <td>4373</td>
        <td>Education world</td>
    </tr>
</table>

I need to change this to following array.

[['4362','Education'],['4373','Education world']]

I have done the following ajax code but is not giving me the exact form.

success:function(hasil) { 
   var table_response = $.parseHTML($(hasil).filter('table').html());
   console.log($(table_response).each(function(index, tr) {
          $('td', tr).map(function(index, td) {
               return $(td).text()
          })
   }));
}

I have tried another code also,but its giving me all td contents in the array

console.log($('td', table_response).map(function(_, el) {  
              return $(el).html()  
}));

Possible duplicate of How do I iterate through table rows and cells in JavaScript? — Satendra
– Satendra, Commented Jan 16, 2018 at 6:59

Shridhar Sharma · Accepted Answer · 2018-01-16 07:03:07Z

1

(function (){

  var response = `<table><tr><td>4362</td><td>Education</td></tr>
         <tr><td>4373</td><td>Education world</td>
         </tr>
  </table>`;

    var arr = [];

    $(response).find('tr').each(function(index){
        var row = arr[index] = [];
        $(this).find('td').each(function(i){
            row[i] = $(this).text();
        })
    })
    
    console.log(arr);

})()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Jan 16, 2018 at 7:03

Shridhar Sharma

2,3871 gold badge12 silver badges13 bronze badges

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

Comments

Aswin Ramesh · Accepted Answer · 2018-01-16 06:59:02Z

1

try this https://jsfiddle.net/492f9y84/1/

   var arr=[]
   var table_response = $.parseHTML($(hasil).filter('table').html());
   $(table_response).find("tr").each(function(index, tr) {
        var trArr = []
      $(tr).find('td').each(function(index, td) {
           trArr.push($(td).text())
      })
      arr.push(trArr)
   });

   console.log(arr)

answered Jan 16, 2018 at 6:59

Aswin Ramesh

1,6741 gold badge13 silver badges13 bronze badges

Comments

Lalit · Accepted Answer · 2018-01-16 07:10:20Z

1

var result = []; 
$("#tbl").find("tr").each(function(index, tr) {
      var temp = [];
      $(tr).find("td").each(function(index, td) {
          temp.push($(td).text());
      });
      result.push(temp);
});

console.log(result);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tbl"><tr><td>4362</td><td>Education</td></tr>
       <tr><td>4373</td><td>Education world</td>
       </tr>
</table>

answered Jan 16, 2018 at 7:10

Lalit

1,3691 gold badge8 silver badges13 bronze badges

Comments

Sagar Shinde · Accepted Answer · 2018-01-16 12:27:18Z

0

function storearrValues()
{
    var TableData = new Array();

    $('#myDemotable tr').each(function(row, tr){
        TableData[row]={
            "Id" : $(tr).find('td:eq(0)').text()
            , "Value" :$(tr).find('td:eq(1)').text()
        }    
    }); 
    TableData.shift();  // first row will be empty - so remove
    return TableData;
}
var getData=JSON.stingify(storearrValues())

edited Jan 16, 2018 at 12:27

answered Jan 16, 2018 at 7:37

Sagar Shinde

15011 bronze badges

Collectives™ on Stack Overflow

getting the html response into array

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related