li元素后动态添加ul元素答案

【问题标题】：add ul element after li element dynamicallyli元素后动态添加ul元素
【发布时间】：2013-05-27 17:26:37
【问题描述】：

我有一个这样的无序列表：

<ul>
    <li class="foo">Item 1</li>
    <li class="bar">Item 2</li>
</ul>

我想在列表中的每个 li 之后动态添加一个 ul，所以我有这样的东西

<ul class="mylist">
    <li class="foo">Item 1</li>
    <ul></ul>
    <li class="bar">Item 2</li>
    <ul></ul>
</ul>

uls 必须通过 ajax 加载。请帮助我如何做到这一点？

【问题讨论】：

您正在尝试创建无效的文档结构。那是不可能的。不过，您可以在每个li 中添加ul inside。

标签： javascript jquery html ajax

【解决方案1】：

我认为您想将 UL 附加到每个 LI，而不是在每个 LI 之后，因为这是无效的 html 并且不会工作。

jQuery.ajax({
     ...
     dataType:'html',
     success:function(data){
       //Assuming jQuery ajax dataType is set to HTML
       jQuery("li.foo").append(data);
     }
});

【讨论】：

@dudewad 我将 jquery 视为标签，不是吗？
他已经用 jquery 标记了这个，所以我想是的
我的错，抱歉没有看到标签：/

【解决方案2】：

如果你给<ul> 一个list 的类，$("ul.list li").append("<ul></ul>"); 也可以工作。

【讨论】：