<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script src="jquery-3.6.4.min.js"></script>
<body>
<ul id="list">
</ul>
<script>
var arr=["111","222","333"]
for(var i=0;i<arr.length;i++){
$(`<li>${arr[i]}
<button>del</button>
</li>`).appendTo($("#list"))
}
// $("#list button").click(function(){
// console.log($(this).parent())
// $(this).parent().remove()
// })
//事件委托
$("#list").on("click","button",function(){
$(this).parent().remove()
})
</script>
</body>
</html>