jquery的each方法遍历controller返回的json、map

已知返回的数据格式如下:

  1. menuObject
    1. childrenArray[2]
      1. 0Object
        1. childrenArray[1]
          1. childrenArray[0]
          2. classType"Leaf"
          3. description""
          4. divNo0
          5. financefalse
          6. identifier""
          7. itemCode"L027012001"
          8. itemContent"/messageCenter"
          9. itemName"消息中心"
          10. itemType"Menu"
          11. managefalse
          12. paramfalse
          13. parentItemCode"N027012"
          14. reserve""
          15. subSystemId"customer"
        2. classType"Node"
        3. description""
        4. divNo0
        5. financefalse
        6. identifier""
        7. itemCode"N028"
        8. itemContent""
        9. itemName"知识库"
        10. itemType"MenuSet"
        11. managefalse
        12. paramfalse
        13. parentItemCode"customer"
        14. reserve""
        15. subSystemId"customer"
      2. 1Object
        1. childrenArray[16]
        2. classType"Node"
        3. description""
        4. divNo0
        5. financefalse
        6. identifier""
        7. itemCode"N027"
        8. itemContent""
        9. itemName"业务"
        10. itemType"MenuSet"
        11. managefalse
        12. paramfalse
        13. parentItemCode"customer"
        14. reserve""
        15. subSystemId"customer"
    2. classType"SubSystem"
    3. description""
    4. divNo0
    5. financefalse
    6. identifier""
    7. itemCode"customer"
    8. itemContent"http://localhost:8080/customer/webMenu/getMenus"
    9. itemName"大后台"
    10. itemType"AppModule"
    11. managefalse
    12. paramfalse
    13. parentItemCode""
    14. reserve""
    15. subSystemId"customer"

在js中,要遍历出上面的菜单,然后拼出页面,html页面中有一句:<div class="sideBarBox" id="sideBarBox"></div>
 js代码如下:
  $.ajax({
url : comm.domainList['ip61'] + comm.UrlList["qryCallList"],
type : 'POST',
cache : false,
async : false,
success : function(data) {
if (data) {
console.log(data);
var childMenu = "";
var returnParent = "";
$.each(data.menu.children,function(i,menus) {
//处理<h3>的class
if(i==0){
parentmenus +="<h3 class='sideBarTab bg_red'>"+menus.itemName+"</h3>";
}else{
parentmenus +="<h3 class='sideBarTab bg_blue'>"+menus.itemName+"</h3>";
}
parentmenus +="<div>" +
"<i id='sideBarBtn_up_"+(i+1)+"' class='sideBar_icon icon_sideBar_up'></i>" +
"<div class='sideBar_menu sideBar_menu_h2 pr' id='serviceMenu"+(i+1)+"'>" +
"<ul id='sideBarMenu_"+(i+1)+"' class='sideBar_menu_inner pa'>";
$.each(menus.children,function(j,menuss){
//拼出变化的class
var j_string = j+1;
if(j_string<10){
j_string = "0"+j_string;
}
parentmenus +="<li><i id='sideBar_menu_icon"+(j+1)+"' class='sideBar_menu_icon icon_sideBar_"+j_string+"'></i><span class='f14'>"+menuss.itemName+"</span></li>";
});
parentmenus += "</ul></div><i id='sideBarBtn_down_"+(i+1)+"' class='sideBar_icon icon_sideBar_down'></i></div>";
});
}
}
});
  $('#sideBar').html(tpl);//加载左边菜单页面到主页面中
  $("#sideBarBox").html(parentmenus);//加载左边菜单页面上的元素


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值