<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Title</title>
<meta charset="UTF-8">
<script src="jquery-3.5.1.js"></script>
</head>
<body>
<!--<input type="text" value="123">-->
<!--<input type="checkbox" name="hobby">-->
<!--<div id="div1">-->
<!-- <p>hello1</p>-->
<!--</div>-->
<!--<p>hello2</p>-->
<div id="outer">
<div class="item">
<input type="text">
<input type="button" value="+" onclick="func1(this)">
</div>
</div>
<script>
// console.log($(":text").val()); // $(":text").val():不参数 ,显示值
// console.log($(":checkbox").val());
// $(":text").val("222"); // $(":text").val():加参数 ,修改值
//
// var el=$("p");
// // $("#div1").append(el); // append: 最后边插入标签
// el.appendTo($("#div1")); // appendTo: 插入标签
function func1(self) {
var clone1=$(self).parent().clone(); // clone:克隆
clone1.children(":button").val("-").attr("onclick","func2(this)");
$("#outer").append(clone1);
}
function func2(self) {
alert("删除提醒");
$(self).parent().remove(); // .remove(): 删除
// $(self).parent().empty(); // 清空(标签还在,内容清空)
}
</script>
</body>
</html>