Question

这是我的Default.aspx：

 <body>
<form id="form1" runat="server">
<div class="Target">
    <label>
        First Object</label>
    <input title="firstnum" />
    <asp:CheckBox runat="server" />
</div>
<asp:Button ID="AddNewbtn" runat="server" Text="New One" />
</form>
</body>

我需要一个jQuery脚本来复制<div class="Target" >中的所有元素，并在按下AddNewbtn按钮时将它们添加到Target div的底部，我该怎么做？

谢谢

Answer 1

您可以使用jQuery的.clone()和事件监听器.click()和.insertAfter()

$("#AddNewbtn").click(function(){
    $(".Target:first").clone().insertAfter('.Target');
});

Answer 2

我认为这样更好

$("#AddNewbtn").click(function(){
$(".Target:first").clone().insertAfter('.Target:last');
});

在客户端通过jQuery复制和添加元素

2 个答案: