複製和克隆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

回答

相關問題