jquery - データ属性を介してHTMLテーブル要素をJSONに変換する

Question

jQueryは初めてです！

テーブル要素データをJSONに変換する方法はありますか？以下のサンプル画像を参照してください。

JSONの結果は#resultdivにありました。

Answer 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/