Question

我想使用jquery为菜单构建带有无序列表的DIV，数据将来自sharepoint列表。我在我想要菜单的区域有主要的DIV

 <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>

Answer 1

尝试这个：

$('#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>');
});

Answer 2

您可以使用以下格式

$（document）.ready（function（）{

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

在第一个菜单项1之后，您可以继续以相同的格式逐个添加其他菜单项。

如何使用JQUERY为菜单构建有序列表需要帮助

2 个答案: