如何使用 jQuery 在现有 <ul> 中添加 <li>
答案:使用jQuery append()方法
您可以简单地使用 jQuery append() 方法在现有的 <ul> 元素中添加 <li> 元素。
以下示例将在单击按钮时在 <ul> 末尾添加 <li> 元素。
示例
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery 将 LI 添加到现有的 UL</title>
<script src="https://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">添加新的 LI 元素</button>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
