如何使用jQuery追加一個div的點擊功能？

HTML如何使用jQuery追加一個div的點擊功能？

<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

這裏，如果我點擊添加按鈕全div有追加

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

嗨frnds我。我不知道我是否正確。請指導我。

來源

2014-09-05 manoji stack

'$（」續「）.append（$（」）包裝「）;' – 2014-09-05 06:03:10

下面是修改腳本工作：

請在這裏找到預覽：http://plnkr.co/edit/SzVcBpNtujZ3iBSnX21n?p=preview

您需要添加的.html（）函數

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

來源

2014-09-05 06:05:51 masum7

append$()不是jQuery函數

Chagne

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

到

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

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

來源

2014-09-05 06:03:34 Girish

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

編輯： -

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

來源

2014-09-05 06:03:47

喜拋出你的代碼是當過我點擊它越來越一倍。 – 2014-09-05 06:09:07

@manojistack嘗試'$（「包裝」）。EQ（0）.clone（）' – 2014-09-05 06:10:23

http://jsfiddle.net/pranavcbalan/5L3uwjr8/ – 2014-09-05 06:11:59

.wrapper已經被.cont包裹。

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

來源

2014-09-05 06:03:56

如何使用jQuery追加一個div的點擊功能？

回答

相關問題