如何使用Jquery在列表的第一个位置附加一个listitem?
<ul id="mylist">
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
</ul>
是否可以使用jquery在第一个<li>
之前附加一个列表项。我尝试$('#mylist li:eq(1)').before("<li></li>")
。但它不起作用?
答案 0 :(得分:37)
$('#mylist').prepend('<li></li>')
答案 1 :(得分:22)
您正在选择第二个li
元素,请尝试以下操作:
$('#mylist li:eq(0)').before("<li>first</li>");
//or $('#mylist li:first')...
或者您可以使用prepend
方法。
答案 2 :(得分:2)
此代码段将解决此问题。或者转到link了解详情。
$('#mylist').prepend('<li>New Item</li>');
//use jQuery's prepend method.
$('button').on('click',function(){
$('#mylist').prepend('<li>New Item 1 added</li>')
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<html>
<body>
<ul id="mylist">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
<li>Fourth Item</li>
</ul>
<button> click to add first li</button>
</body>
</html>
&#13;