htmlの要素からlessのスケルトンを作成

gistfile1.js

var result = "";
var depth = 0;

function dive(elem){
    result += indent(depth) + (elem.get(0).tagName.toLowerCase() + "{\n");

    //idが会ったら
    var id = elem.get(0).id;
    if(id){
        console.log("id aru");
        result += indent(depth + 1) + "&#" + id + "{}\n";
    }

    console.log(elem.get(0).tagName.toLowerCase());
    elem.children().each(function(){
        depth++;
        dive($(this));
        depth--;
    });

    result += indent(depth) + "}\n";
}

function indent(depth){
    var tab = "";
    for(var i = 0; i < depth; i++){
        tab += "  ";
    }

    return tab;
}


dive($("header"));//要素を指定
alert(result);