Как добавить LI в существующий UL с помощью jQuery
Вы можете просто использовать метод jQuery append()
для добавления элементов <li>
в конец существующего элемента <ul>
.
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery Add LI to an Existing UL</title>
<script src="//code.jquery.com/jquery-3.5.1.min.js"></script>
<script>$(document).ready(function(){ $("button").click(function(){ $("#menu").append('<li><a href="#">New list item</a></li>'); });
});
</script>
</head><body> <ul id="menu"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> </ul> <button type="button">Add New LI Element</button></body></html>