从div创建嵌套对象

Question

我有一个类似于以下内容的html页面。我想阅读字段并创建一个分层的javascript对象（或json）。怎么做？谢谢你的帮助。

                   

<div class="t">
    <div>
        <div class="c">
            <input type="text"></input>
            <input type="text"></input>                
        </div>
    </div>
</div>
<div class="t">
    <div>
        <div class="t">
            <div>
                <div class="c">
                    <input type="text"></input>
                    <input type="text"></input>                
                </div>
            </div>
        </div>
    </div>
</div>

<div id="result"></div>

生成的JSON应如下所示：

"result":{
   "id":"",
   "ver":"",
   "name":"",
   "desc":"",
   "tdata":[
       //nested elements from class 't' in the order they are in html
       //each input element under class 'c' for each class 't'. 
    ]
}

Answer 1

通过.t

$('.t').each(function() {

});

用于序列化input中的.c数据：

$('.c input').serialize();

如果你想得到所有的孩子和孙子，你应该这么做：

var nestedElements = [];
$("#wrapper").find("*").each(function() {
    nestedElements.push(this);
});