Adalah mudah untuk menambah elemen baharu dengan jquery. Bagaimanakah kita harus menyelesaikan masalah apabila elemen ditambah secara dinamik dalam jquery append tidak berfungsi? Dalam kaedah on, anda mesti mencari pemilih asal dahulu (seperti .info), dan kemudian mencari pemilih yang ditambah secara dinamik (seperti column.delete).
Saya tidak akan menerangkan butiran lagi, sila lihat kod di bawah.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试</title>
<script type="text/javascript"
src="../resources/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
//动态添加
$(".add").on("click",function(){
console.log("进来了");
$(".info").append('<div class="delete"><h3>单击我来删除我</h3></div>');
});
//对动态添加的元素添加事件-删除
$(".info").on("click",".delete",function(){
console.log("进来了Delete！");
$(this).remove();
});
});
</script>
</head>
<body>
<h2 class='add'>单击我添加动态元素</h2>
<div class="info"></div>
</body>
</html>
Kod di atas adalah penyelesaian artikel ini kepada masalah bahawa acara elemen yang ditambahkan secara dinamik oleh jquery append tidak berfungsi.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
