2010-09-08 28 views
0

我想用無序列表使用jQuery爲菜單構建此DIV,並且數據將來自共享點列表。 我對區內主要DIV,我想如何使用JQUERY爲菜單構建有序列表需要幫助

<div id="menumain"/> 

我曾嘗試做以下,但不使用jQuery太好菜單。 我想追加或低於DIV添加到DIV的MainMenu元以上 任何幫助將不勝感激

$("#menumain").find('div') 
    .append($('<ul>') 
     .append($("<li><a href=>" + $(this).attr("ows_Group") + "</a></li>") 
      .append($('</ul>') 
      ) 
     ) 
    ); 



<div id="header"> 
      <ul id="navbar"> 

      <li class="menu"><a href="#">Home</a> 

       <ul> 

        <li><a href="#">Menu item 1</a></li> 

        <li><a href="#">Menu item 2</a></li> 

        <li><a href="#">Menu item 3</a></li> 

        <li><a href="#">Menu item 4</a></li> 

        <li><a href="#">Menu item 5</a></li> 

       </ul> 

      </li> 

      </ul> 

     </div> 
+0

如果您發佈的HTML文件是您當前的文件,您可以在插入新的div/menu元素後發佈所需的HTML需要的內容嗎? – 2010-09-08 07:13:54

回答

0

您可以使用以下格式

$ (document).ready(function(){

 var content = "<div style='background-color:black;'><ul id='navBar'><li><a href='#'>menuItem1</a></li></ul></div>"; 
     $("#mainMenu").append(url); 
    }); 

J在第一個菜單item1之後,您可以繼續以相同的格式添加其他菜單項目。

0

試試這個:

$('#menumain').append('<ul></ul>'); 

$.each(
$('#header .menu li').map(function(e){ 
    return $(e).attr('ows_Group'); 
}), function(b) { 
    $('#menumain ul').append('<li><a href="#">' + b + '</a></li>'); 
});