添加一個UI元素li元素後動態

Question

我有一個無序列表如下：

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

我想在我的列表中的每個李後動態添加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

我想你想追加到每個李，而不是每個李後，因爲這是無效的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工作爲好。