复制和克隆div

对不起，我不会说英语，我想创建一个工具，允许复制一个div感谢“输入数字”和一个按钮，然后我也想通过重新初始化克隆这个工具来能够再次使用的工具，这是一段代码：复制和克隆div

$(function() { 
 
\t $('#btn_dupliquate').on('click', function() { 
 
    \t var numDuplication = $('#num-duplication').val(); 
 
    
 
    if (numDuplication > -1) { 
 
    \t var div = $('.common_preview'); 
 
     $('.result').html(''); 
 
    \t for (var i = 0; i < numDuplication; i++) { 
 
     \t $('.result').append(div.clone()); 
 
     } 
 
    } 
 
    }); 
 
}); 
 

 

 

 

 
\t $(function() { 
 
\t $(".heading").keyup(function() { 
 
\t var heading=$(this).val(); 
 
\t $(".common_preview").html("<div class='bloc'><p class='model'>"+heading+"</p></div>"); 
 
\t return false; 
 
\t }); 
 

 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="toNumDuplicate"> 
 
<input type="text" class="heading" /> 
 
\t 
 
\t <br/> 
 
\t <br/> 
 

 
    
 
\t <input id="num-duplication" type="number" > 
 

 
    
 
    <br/> 
 
    <br/> 
 
    
 
<button id="btn_dupliquate"> dupliquate </button> 
 
</div> 
 

 

 
\t <div id="toDuplicate"> 
 
\t \t <div class="common_preview" > 
 
\t \t \t <div class="bloc"> 
 
\t \t \t \t \t <p class="model">test</p> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 

 
<div class="result"></div> 
 

 

 
<button id="btn_clone">clone</button>

来源

2017-04-20 Ahmed Testa

问题和/或问题是什么？ –

那么你想要你的'克隆'按钮做什么？只要删除所有的divs？ –

正是你想要的，你可以显示一些输出？ – Omi

你可以抽象的功能，采取动态选择字符串重复按钮，重复号码输入，预览股利和结果div。

来源

2017-04-21 00:02:14 chris

对不起，我不明白 –

复制和克隆div

回答

相关问题