добавить уль элемент после Li элемента динамически

Question

У меня есть неупорядоченный список, как это:

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

Я хочу, чтобы динамически добавлять ул после каждого Ли в моем списке, таким образом у меня есть что-то вроде этого

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

Ульсы должны быть загружены через 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.