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(j){
   $(cloneObj).appendTo('body');
   j++;
   console.log(j);
 });

Answer 2

$('.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);
});

您需要将 cloneObj 放在单击按钮内以增加j和删除 j function(j)，您不需要克隆对象只需附加它

演示