clone方法案例实践

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>clone方法</title>
<meta charset="UTF-8">
<script src="jquery-3.4.1.js"></script>
</head>
<body>
<div id="outer">
<div id="item">
<input type="button" value="+" onclick="func1(this)">
<input type="text">
</div>
</div>
<script>
function func1(self) {
var item=$(self).parent().clone();
item.children(':button').val('-').attr('onclick','func2(this)');
$('#outer').append(item);

}
function func2(self) {
$(self).parent().remove();

}
</script>
</body>
</html>
原文地址:https://www.cnblogs.com/startl/p/12302877.html