Convert HTML Table Element to JSON via data attributes

Question

I'm new to jQuery!

Is there a way to convert table element data to JSON? see sample image below.

enter image description here

The JSON result was on the #result div.

Check here: [Iterate through HTML table using jQuery, converting the data in the table into JSON][1] Although if you yourself control the generation of this table, I'd recommend something like knockout (knockoutjs.com) [1]: stackoverflow.com/questions/1872485/… — Stephen Byrne
– Stephen Byrne, Commented Jan 18, 2013 at 0:44

Ram · Accepted Answer · 2013-01-18 01:23:54Z

1

var arr = $('tr').map(function () {
    var o = {
        "apvhdrid": this.parentNode.parentNode.dataset.apvhdrid,
        "id": this.dataset.id
    };
    $('td', this).each(function () {
        for (key in this.dataset) {
            o[key] = this.dataset[key];
        }
    })
    return o;
}).get();

$('#result').text(JSON.stringify(arr));

http://jsfiddle.net/pE8Hu/

edited Jan 18, 2013 at 1:23

answered Jan 18, 2013 at 1:17

Ram

145k16 gold badges174 silver badges201 bronze badges

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

1 Comment

jrsalunga Over a year ago

magic! thank you for that! this is what i needed to do this! jsfiddle.net/jrsalunga/bPHkW

Collectives™ on Stack Overflow

Convert HTML Table Element to JSON via data attributes

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related