jquery - クローニングが機能していません

Question

var j=0;  
var cloneObj='<div class="ui-widget-content"><div class="form_container-'+j+'">
<div class="placeholder">Add your form fields here</div><div style="clear: both;" >   
</div></div> </div>';

としてクローニング

  $('.button_class').click(function(j){
   $(cloneObj).clone(false).appendTo('body');
   j++;
   console.log(j);
 });

解決策が機能していません。

Answer 1

$('.button_class').click(function () {
    var cloneObj = '<div class="ui-widget-content"><div class="form_container-' + j + '"><div class="placeholder">Add your form fields here</div><div style="clear: both;" ></div></div> </div>';
    $(cloneObj).appendTo('body');
    j++;
    console.log(j);
});

jjをインクリメントして削除するには、クリックボタン内にcloneObjを配置する必要がありfunction(j)ます。オブジェクトを複製する必要はありません。

デモ

Answer 2

ここでクローンを使用する必要はありません

 $('.button_class').click(function(j){
   $(cloneObj).appendTo('body');
   j++;
   console.log(j);
 });