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

Пользователь

от dayna , в категории: JavaScript , 9 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от richie_mayert , 9 месяцев назад

@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.