如何使用Jquery在列表的第一个位置附加一个listitem

Question

如何使用Jquery在列表的第一个位置附加一个listitem？

<ul id="mylist">
  <li>First</li>
  <li>Second</li>
  <li>Third</li>
  <li>Fourth</li>  
</ul>

是否可以在第一次<li>使用jquery 之前附加一个列表项.我试着$('#mylist li:eq(1)').before("<li></li>").但它不起作用？

Answer 1

$('#mylist').prepend('<li></li>')

Answer 2

你正在选择第二个li元素,试试这个:

$('#mylist li:eq(0)').before("<li>first</li>");
//or $('#mylist li:first')...

或者你可以使用prepend方法.

Answer 3

这段代码将解决这个问题。或者访问链接了解更多信息。

$('#mylist').prepend('<li>New Item</li>');
//use jQuery's prepend method.

$('#mylist').prepend('<li>New Item</li>');
//use jQuery's prepend method.

$('button').on('click',function(){
  $('#mylist').prepend('<li>New Item 1 added</li>')
  });