我开始学习 jquery 并想弄清楚如何克隆表单的某些部分。我有以下代码,想知道为什么它仅在我单击一次时才起作用。如果我多次点击它,它不会执行任何操作。我做错了什么?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Intranet</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
$( document ).ready(function() {
var clonedTable = $("#test").clone();
$( "a" ).click(function( event ) {
$("#mydiv").append(clonedTable);
});
});
</script>
</head>
<body>
<table id="test">
<tr>
<td><input type="text" name="fname" id="fname"></td>
</tr>
</table>
<a href="#">Clone</a>
<div id="mydiv">
</div>
</body>
</html>
最佳答案
这是因为该元素仅创建一次(在 document.ready
中)。
相同的元素被附加到#mydiv
。
如果您想要更多克隆,请执行以下操作:
$(document).ready(function() {
$("a").click(function(event) {
var clonedTable = $("#test").clone();
$("#mydiv").append(clonedTable);
});
});
关于javascript - 使用 jquery 克隆表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20847938/