使用jquery将li添加到现有ul

Question

我有两个内嵌了ul的div。

<div id="slide1">
    <div class="images">
         <ul>
         </ul>
     </div>
</div>

我想使用jquery动态地向li添加li。 我正在使用的选择器是..

$("#slide1 > div.images ul").append(

它不起作用。我哪里错了？

提前多多感谢，

Answer 1

您只需要定义li

就可以使用代码

var li = $('<li></li>');
li.html('Test!');
$("#slide1 > div.images ul").append(li);

或正如PSL指出的那样，只需：var li = $('<li>', {'html':'Test!'});

Demo

Answer 2

如果要将li元素附加到ul的末尾：

$("#slide1 > div.images ul").append($("<li>my new li</li>"));

或者如果你想在ul的开头添加一个li

$("#slide1 > div.images ul").prepend($("<li>my new li</li>"));