相信很多人可能在工作中都會遇到二維的數組的處理，對於第一次遇到的人來說可能還是有些問題，今天正好也遇到，所以拿出來分享，廢話不多說，直接上代碼
下面是一個二維數組：主要問題就是如何渲染到頁面導航欄中
var Menulist=[
{
modetitle:'基礎參數配置',
list:[
{
"modename":"參數設定","data-url":"systemset/S_SystemParams.jsp"
}
]
},
{
modetitle:'現場管理子系統',
list:[
{
"modename":"現場擴展屬性","data-url":"systemset/S_SystemParams.jsp"
},
{
"modename":"現場展屬性","data-url":"systemset/S_SystemParams.jsp"
},
{
"modename":"現場屬性","data-url":"systemset/S_SystemParams.jsp"
}
]
},
{
modetitle:'模塊管理子系統',
list:[
{
"modename":"新增模塊","data-url":"systemset/S_SystemParams.jsp"
},
{
"modename":"固定模塊","data-url":"systemset/S_SystemParams.jsp"
},
{
"modename":"問卷調查","data-url":"systemset/S_SystemParams.jsp"
}
]
}
]
for(var i=0;i<Menulist.length;i++){
html+='<dl>'
html+='<dt>'
html+='<a href="###" >'
html+='<i class="iconfont icon-shouye1"></i> '+Menulist[i].modetitle+''
html+='</a>'
html+='</dt>'
html+='<dd>'
html+='<ul>'
for(var j=0;j<Menulist[i].list.length;j++){
html+='<li style="display: block;">'
html+='<a data-href="_index.jsp">'+(Menulist[i].list)[j].modename+'</a>'
html+='</li>'
}
html+='</ul>'
html+='</dd>'
html+='</dl>';
}
$('#menu').html(html)；
如果其他大神有更好的方法，希望分享出來大家參考！！