li元素后动态添加ul元素

Posted 2023-02-19

【中文标题】li元素后动态添加ul元素

【英文标题】：add ul element after li element dynamically

【发布时间】：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。

【参考方案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>"); 也可以工作。