プレビュー
ソースコード
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(function () {
$("#btn_add").click(function () {
var div2 = $("<div>");
div2.append($("<label>电话</label>"));
div2.append($("<input type='text' />"));
var btn_divdel = $(" <input type='button' value='删除' />");
btn_divdel.click(function () {
$(this).parent().remove();
})
div2.append(btn_divdel);
$("#div1").append(div2);
})
$("#btn_del").click(function () {
$("#div1").children().remove();
})
$("#btn_clean").click(function () {
$("#div1").empty();
})
})
</script>
</head>
<body>
<input type="button" value="删除" id="btn_del">
<input type="button" value="清空" id="btn_clean">
<input type="button" value="增加联系方式" id="btn_add">
<div style="width: 400px;height: 400px;background-color: aqua" id="div1">
</div>
</body>
</html>