Javascript 在li元素后动态添加ul元素

我有这样一个无序列表：

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

第1项
第2项

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

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

第1项

第2项

uls必须通过ajax加载。

---

我想你应该在每个LI后面附加UL，而不是在每个LI后面，因为这是无效的html，不起作用

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

---

$（“ul.list li”）。附加（“
”）

一类

列表

您试图创建一个无效的文档结构，那么code>也可以工作。那是不可能的。您可以在每个

li

中添加

ul

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