javascript - li元素后动态添加ul元素

Question

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

<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 加载。请帮助我如何做到这一点？

Answer 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);
     }
});

Answer 2

$("ul.list li").append("<ul></ul>");如果你给<ul>.list