如何綁定菜單和子菜單使用jquery應用css？

Question

我有以HTML格式蜇值的數據如何應用CSS和jQuery風格

public class Menus 
     { 
     public List<Menus> GetALL { get; set; } 
      public int menuId { get; set; } 
      public string menuName { get; set; } 
      public string menuURL { get; set; } 
      public int parentId { get; set; } 
     }  
    public class MenuModel 
    { 
     public MenuItemsEntities objEntities = new MenuItemsEntities(); 

     public string GetMenu() 
     { 
      //Get MainMenu Menus  
      Menus menuobj = new Menus();    
      var objmenu = from menus in objEntities.MenuItems 
          where menus.ParentId == 0 
          select menus; 

      string strMenuBuild = string.Empty; 
      strMenuBuild += "<ul>"; 
      foreach (var i in objmenu) 
      { 
       menuobj.menuName = i.ItemName; 
       menuobj.menuId = i.MenuItemsID; 
       menuobj.menuURL = i.URL; 
       if (i.ParentId == 0) 
       {     
        //GetSubMenu(); 
        strMenuBuild = strMenuBuild + "<li><a href='" + menuobj.menuURL + "'>" + menuobj.menuName + "</a><ul>"; 
        strMenuBuild += GetSubMenu(Convert.ToInt32(menuobj.menuId)) + "</ul></li>"; 
        //strMenuBuild += "</ul></li>"; 
       } 
      } 
      strMenuBuild += "</ul>"; 
      return strMenuBuild; 
     } 
     public string GetSubMenu(int submenuid) 
     { 
      string strSubBuild = string.Empty; 
      Menus menuobj = new Menus();  
      var submenu= from menus in objEntities.MenuItems 
          where menus.ParentId == submenuid 
          select menus;   
      if (submenu.Count() > 0) 
      { 
       foreach (var sbmnu in submenu)     
       { 
        menuobj.menuURL = sbmnu.URL; 
        menuobj.menuName = sbmnu.ItemName; 
        menuobj.menuId = sbmnu.MenuItemsID; 

        strSubBuild = strSubBuild + "<li ><a href='" + menuobj.menuURL + "'>" + menuobj.menuName + "</a>"; 

        var submneu1 = from menus in objEntities.MenuItems 
            where menus.ParentId == menuobj.menuId 
            select menus; 

        if (submneu1.Count() > 0) 
        { 
         strSubBuild += "<ul>"; 
         strSubBuild += GetSubMenu(Convert.ToInt32(menuobj.menuId)); 
         strSubBuild += "</ul>"; 
        } 
        strSubBuild += "</li>"; 
       }    
      } 
      return strSubBuild; 
     } 
    } 

我不得不返回字符串在HTML中甲這樣的

---

• 菜單的Apperals
  • 襯衫
  • T恤衫
    • H3SubMenu1
  • 牛仔褲
    • P1Submenu1
    • P2SubMenu2
  • 褲
  • 運動裝
• Women'sMenu」 Apperals
  • 紗麗
  • 連衣裙
  • 褲子
• 手機
  • MobilePhones
  • 片
  • Memorycards
  • Bluetooths
• Jewellerry
  • 耳環
  • 戒指
  • 鏈
  • KidsJwellery

，但我綁定。我想要的菜單和子菜單APPY CSS和jquery.how到申請Css和jQuery我不知道。可以任何一個幫我請..

Answer 1

這是我用它來建立我的菜單結構功能：

var buildMenu = function(menu, el) { 
    var ul = $('<ul></ul>'); 
    ul.appendTo(el); 
     for(var i in menu) { 
      var menuItem = $('<li><a href="' + menu[i].url + '">' + menu[i].title + '</a></li>'); 
      menuItem.appendTo(ul); 
      if(menu[i].subMenu) { 
       buildMenu(menu[i].subMenu, menuItem); 
      }; 
     }; 
} 

菜單是個包含菜單和EL作爲股利或含元素插入菜單成JSON對象。

我的菜單對象的格式如下：

var menu : [{ 
    title : 'Home', 
    url  : 'Default.html' 
}, { 
    title : 'Groups', 
    url  : '#', 
    subMenu : [{ 
     title : 'Group1', 
     url  : 'Group1.html' 
    },{ 
     title : 'Group2', 
     url  : 'group2.html' 
    }] 
}]; 

希望幫助