复制并克隆div

时间:2017-04-20 23:34:42

标签: javascript jquery clone

抱歉,我不会说英语,我想创建一个允许复制div的工具,这要归功于"输入数字"和一个按钮,然后我也想通过重新初始化它来克隆这个工具,以便能够再次使用该工具,这是一段代码:



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




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

	});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="toNumDuplicate"> 
<input type="text" class="heading" />  
	
	<br/>  
	<br/>

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

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


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

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


<button id="btn_clone">clone</button>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

你可以抽象你的函数来为重复按钮,重复数字输入,预览div和结果div获取动态选择器字符串。