복제 및 복제 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

문제점 및/또는 질문이 무엇입니까? –

그래서 '복제'버튼에 무엇을할까요? 모든 사업부를 제거 하시겠습니까? –

정확히 원하는대로 출력 할 수 있습니까? – Omi

당신 수 추상, 중복 버튼을 동적 선택 문자열을 숫자 입력, 미리보기 사업부를 복제 할 함수와 결과 div.

출처

2017-04-21 00:02:14 chris

미안하지만 이해할 수 없었습니다. –

복제 및 복제 div

답변

관련 문제