Как добавить список в первую позицию списка с помощью JQuery

Как добавить список в первую позицию списка с помощью 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>"). Но это не работает?

Ответы

Ответ 1

Вы выбираете второй элемент li, попробуйте следующее:

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

или вы можете использовать метод prepend.

Ответ 2

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

Ответ 3

Этот фрагмент решения проблемы. Или перейдите к ссылке чтобы узнать больше.

$('#mylist').prepend('<li>New Item</li>');
//use jQuery 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>