Bra*_*nut 0 javascript php jquery
我开始学习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);
});
});