<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.2.1.js"></script>
</head>
<body>
<div id="outer">
<div id="item">
<input value="+" type="button" onclick="add(this)">
<input type="text" size="10px">
</div>
</div>
<script>
function add(ev) {
var copyer=$(ev).parent().clone(); // 设置一个变量等于要拷贝的内容,找到此标签的父级,clone()克隆.
copyer.children(":button").attr("value","-").attr("onclick","del(this)"); //按设定需求 把克隆内容里的value和onclick事件改变
$("#item").after(copyer); // 或者用$("#outer").append(copyer); 一个是找到兄弟的加入同级标签,一个是找到父级标签
//加入的方法也不同
}
function del(ev) {
$(ev).parent().remove()
}
</script>
</body>
</html>
本例是为了用jquery实现标签的添加,并改变元素.点加号可以增加复制的input标签,但是属性已经被改变,这里用到了colne()克隆方法;如果点减号,则删除了添加的本行.