18

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

<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>")。但它不起作用？

4

3 回答 3

50 
$('#mylist').prepend('<li></li>')
于 2012-08-20T05:12:37.150 回答
26

您正在选择第二个li元素，试试这个：

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

或者你可以使用prepend方法。

于 2012-08-20T05:11:53.313 回答
3

这个片段将解决这个问题。或者去链接了解更多。

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


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

于 2016-12-10T09:56:27.430 回答