bootstrap-grid-json-builder.js

var blocksModule = (function () {

    function pushSubNode(node, subNode) {
        if (node.subNodes != null) {
            node.subNodes.push(subNode);
        } else {
            node.subNodes = [subNode];
        }
    }

    function buildBlockGraphRecursively(root, result) {

        var children = $(root).children();
        $(children).each(function (i, entry) {
            if ($(entry).is('div[class*="col-"]')) {
                var subNode = {type: "col"};
                var mdWidth = parseInt(entry.className.match(/col-md-\d+/)[0].match(/\d+/)[0]);
                var smWidth = parseInt(entry.className.match(/col-sm-\d+/)[0].match(/\d+/)[0]);
                var xsWidth = parseInt(entry.className.match(/col-xs-\d+/)[0].match(/\d+/)[0]);
                subNode["mdWidth"] = mdWidth;
                subNode["smWidth"] = smWidth;
                subNode["xsWidth"] = xsWidth;
                subNode["id"] = entry.dataset.id;
                pushSubNode(result, subNode)
                buildBlockGraphRecursively(entry, subNode);
            } else if ($(entry).is('.row')) {
                var subNode = {type: "row"}
                subNode["id"] = entry.dataset.id;
                pushSubNode(result, subNode)
                buildBlockGraphRecursively(entry, subNode);
            } else {
                return;
            }
        });

        return result;
    }

    return {
        buildBlockGraph: function (root) {
            var result = {};
            buildBlockGraphRecursively(root, result)
            return JSON.stringify(result);
        }

    }
})();

blocksModule.buildBlockGraph($('#my_bootstrap_container'));