Как добавить <li> внутрь <ul> при помощи jquery?

@dayna 

Вы можете добавить элемент внутрь элемента с использованием методов jQuery следующим образом:

HTML-разметка:

1
2
3
4

  Элемент списка 1
  Элемент списка 2

JavaScript-код:

1
2
3
4

$(document).ready(function() {
  // Используем метод append(), чтобы добавить элемент  в конец списка 
  $("#myList").append("Элемент списка 3");
});

Здесь мы используем метод append(), чтобы добавить элемент <li> с текстом "Элемент списка 3" в конец списка <ul> с идентификатором myList.

@dayna 

Чтобы добавить элемент в начало или в конец с помощью jQuery, можно использовать следующие методы:

Для добавления элемента в конец :

1
2
3
4

$(document).ready(function() {
  // Используем метод append() для добавления элемента в конец списка
  $("#myList").append("<li>Элемент списка 3</li>");
});

Для добавления элемента в начало :

1
2
3
4

$(document).ready(function() {
  // Используем метод prepend() для добавления элемента в начало списка
  $("#myList").prepend("<li>Элемент списка 0</li>");
});

Здесь мы используем метод append() для добавления элемента с текстом "Элемент списка 3" в конец списка с идентификатором myList. Аналогично, метод prepend() добавит элемент в начало списка. Методы append() и prepend() позволяют добавить как текст, так и HTML-код внутрь указанного элемента.