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

li2番目の要素を選択しています。これを試してください：

$('#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 に答える