Create an array of objects by iterating through table rows

Question

I have an HTML table and I want to iterate through its rows and create a collection or lets say an \"array of objects\".

For example:

Answer 1

Try this code

var trArray = [];
$('#tbPermission tr').each(function () {
    var tr =$(this).text();  //get current tr's text
    var tdArray = [];
    $(this).find('td').each(function () {
        var td = $(this).text();  //get current td's text
        var items = {}; //create an empty object
        items[tr] = td; // add elements to object 
        tdArray.push(items); //push the object to array
    });    
});

Here, I just created an empty object, filled object with references of tr and td, the added that object to the final array.

adding a working jsfiddle