<body>
<div class="outer">
<div class="item">
<button onclick="add(this)">+</button>
<input type="text">
</div>
</div>
<script src="jquery-3.3.1.min.js"></script><!--不加此句$不识别-->
<script>
function add(self) {
//var clone=$(".item").clone();//克隆就是复制一份
var clone=$(self).parent().clone();//this获取当前标签位置,self是形参对象
clone.children("button").html("-").attr("onclick","remove(this)");//网页可以查看到添加了一个新的button
//button事件onclick=remove(this)
//html内容是-
$(".outer").append(clone)
}
function remove(self) {
$(self).parent().remove();
}
</script>
</body>
</html>