jQuery将每个列表包装在ul标记中

时间:2011-03-29 14:46:32

标签: jquery html html-lists

我没有详细说明,我有以下jQuery代码:

$("nav ul ul").each(function () {
    var navitems = $(this).html();
    alert(navitems);
});

我knopw .html使用InnerHTML所以警报都是

<li>xxxxx</li>
<li>xxxxx</li>

但是如何编辑jQuery以便警报就像

<ul>
<li>xxxxx</li>
<li>xxxxx</li>
</ul>

4 个答案:

答案 0 :(得分:1)

$("nav ul ul").each(function () {
        var navitems = $(this).html();
        var tag = $(this).get(0).nodeName.toLowerCase();
        alert('<' + tag + '>' + navitems + '</' + tag + '>');
});

答案 1 :(得分:1)

我会做这样的事情:

$("nav ul ul").each(function () {
   alert( $('<div>').append($(this).clone()).remove().html() );
 }); 

它会创建一个虚拟div,在其中附加选定的UL并移除虚拟对象并返回其html内容。

这是一个演示:http://jsfiddle.net/meo/QmTSF/

答案 2 :(得分:0)

我真的不知道你到底想要什么。但是正如我所看到的那样,parent()选择器可以提供帮助。

http://api.jquery.com/parent/

答案 3 :(得分:0)

你的意思是这样的:

$("nav ul ul").each(function () {
    var navitems = "<ul>" + $(this).html() + "</ul>";
    alert(navitems);
});