从表格获取数据组JSON格式提交

   <!-- 表格信息-->
                        <div id="table-info" class="tab-pane">
                            
                            <div class="stackDiv" style="overflow: hidden; zoom: 1;">
                                <div class="guide">
                                    <p>1.填充数据格式，每行一条数据。如：（列值1|列值2|列值3|列值4|列值5|列值6），请严格按要求输入内容</p>
                                    <p>2.列值可以少于六列，但至少应包含一列，有列值则必须填写列头，否则请不要填写</p>
                                </div>
                                <div class="data-group">
                                    <div class="data-item" ms-for="el in dm">
                                        <div class="data-menu">
                                            <p class="name">标题</p>
                                            <input type="text" class="item-content" placeholder="表格标题" ms-attr="{value:el.Title}" name="item-title" />
                                        </div>
                                        <div class="data-menu">
                                            <p class="name">描述</p>
                                            <textarea class="item-content" placeholder="表格描述，在表格之前显示，非必填" ms-attr="{value:el.Description}" name="item-description"></textarea>
                                        </div>
                                        <div class="data-menu">
                                            <p class="name">表格</p>
                                            <table>
                                                <thead>
                                                    <tr><th ms-for="($key,$val) in el.TabHead"><input type="text" ms-attr="{value:$val,name:$key}" /></th><th>操作</th></tr>
                                                </thead>
                                                <tbody>
                                                    <tr ms-for="tbody in el.TabSet">
                                                        <td ms-for="($key,$val) in tbody"><input type="text" ms-attr="{value:$val,name:$key}" /></td>
                                                        <td><a class="handle add" title="插入一行">+</a><a class="handle remove" title="删除一行">-</a></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="data-menu">
                                            <p class="name">说明</p>
                                            <textarea class="item-content" placeholder="表格说明，在表格之后显示，非必填" ms-attr="{value:el.Remark}" name="item-remark" rows="4"></textarea>
                                        </div>
                                        <div class="shortcut no-see">
                                            <a class="btn btn-small btn-default shortcut-btn shortcut-show"><i class="icon-ok bigger-110"></i>快捷添加</a>
                                            <a class="btn btn-small btn-default shortcut-btn cover"><i class="icon-ok bigger-110"></i>覆盖填充</a>
                                            <a class="btn btn-small btn-default shortcut-btn append"><i class="icon-ok bigger-110"></i>追加填充</a>
                                            <a class="item-remove btn btn-small btn-danger shortcut-btn">删除表格</a> <br />
                                            <textarea rows="20" cols="50" id="textarea" placeholder="每行一条，列值以“|”隔开，如：列值1|列值2|列值3|列值4|列值5|列值6"></textarea>                                           
                                        </div>
                                    </div>
                                </div>                 
                                <div class="btn-union">
                                    <a class="btn btn-small btn-success item-add" id="item-add"><i class="icon-ok bigger-110"></i>新增表格</a>
                                    <a class="btn btn-small btn-primary" onclick="tableSave()"><i class="icon-ok bigger-110"></i>保存表格</a>                                    
                                </div>

                            </div>
                        </div>                     
                     </div>

 $(‘.data-group .data-item‘).each(function () {
        var tabModel = new Object();
        tabModel.Title = $(this).find(‘[name="item-title"]‘).val();
        tabModel.Description = $(this).find(‘[name="item-description"]‘).val();
        tabModel.Remark = $(this).find(‘[name="item-remark"]‘).val();

 tabModel.TabHead = new Object();
        //获取表头信息
        for (var i = 0; i < $(this).find(‘th‘).length - 1; i++) {
            tabModel.TabHead[$(this).find(‘th input‘).eq(i).attr(‘name‘)] = $(this).find(‘th input‘).eq(i).val();
        }

//获取表内容
        tabModel.TabSet = [];
        //遍历每行
        for (var j = 0; j < $(this).find(‘tbody tr‘).length; j++) {
            tbodyModel = new Object();
            //遍历每列
            for (var k = 0; k < $(this).find(‘tbody tr‘).eq(j).find(‘td‘).length - 1; k++) {
                tbodyModel[$(this).find(‘tbody tr‘).eq(j).find(‘td‘).eq(k).find(‘input‘).attr(‘name‘)] = $(this).find(‘tbody tr‘).eq(j).find(‘td‘).eq(k).find(‘input‘).val();
            }
            tabModel.TabSet.push(tbodyModel);
        }
        tabData.push(JSON.stringify(tabModel));