Question

HTML

<body>
<input type="button" value="ADD" class="add">
    <div class="cont">
        <div class="wrapper">
        <input type="text" class="txt1">
        <input type="text" class="txt2">            
        <input type="button" value="Delete" class="del">
        </div>
    </div>
</body>

SCRIPT

 $(document).ready(function(e) {
    $(".add").on('click',function(){
       $(".cont").append$(".wrapper");
    }); 
 });

嗨，如果我点击添加按钮，整个div必须追加。我不知道我是否正确行事。请指导我。

Answer 1

以下是修改后的脚本：

请在此处查看预览：http://plnkr.co/edit/SzVcBpNtujZ3iBSnX21n?p=preview

你需要追加.html（）函数

  $(document).ready(function(e) {
  $(".add").on('click',function(){
     $(".cont").append($(".wrapper").html());
  }); 
});

Answer 2

append$()不是jQuery函数

Chagne

$(".cont").append$(".wrapper");

到

 $(".cont").append($(".wrapper"));

OR

 $(".wrapper").appendTo(".count")

Answer 3

 $(document).ready(function(e) {
    $(".add").on('click',function(){
    var item = $(".wrapper").eq(0).clone();
    $(".cont").after(item);
   }); 
 });

编辑： -

小提琴链接： - http://jsfiddle.net/cj575cey/1/

Answer 4

.wrapper已被.cont包裹。

$(document).ready(function(e) {
$(".add").on('click',function(){
    $(".cont").append($(".wrapper"));//change append$(".wrapper") to .append($(".wrapper"))
   }); 
 });

如何使用jquery在click函数中附加div？

4 个答案: