动态添加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>

必须通过ajax加载uls。 有关我如何能做到这一点的任何帮助吗？

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也可以。