首页 > 代码库 > jquery 实现 点击一个按钮添加多个div

jquery 实现 点击一个按钮添加多个div

<script type="text/javascript">
var blockNum=10;
$(document).ready(function(){
var parentDom=$(‘#father‘).find("form"),oriDom=parentDom.children(":first");
$(‘.btnAdd‘).click(function(){
var clLength=parentDom.children().length;
if(blockNum>clLength){
var nowDom=oriDom.clone();
nowDom.children(":first").text(‘配置‘);
parentDom.append(nowDom);
}
else return false;
});
$(‘.btnSub‘).click(function(){
$(‘.conform‘).submit();
});
});
</script>

<input type=‘button‘ class=‘btnAdd‘ value=http://www.mamicode.com/‘添加‘/>
<div id="father">
<form action="<%=request.getContextPath()%>/testServlet" method="post" name="conform" class="conform">
<fieldset>
<legend>配置</legend>
<input type="text" value="" name="testName" class="testName"/>
<input type=‘button‘ class=‘btnDel‘ value=http://www.mamicode.com/‘删除‘ onclick ="$(this).parent().remove();"/>
</fieldset>
</form>
</div>
<input type="button" class="btnSub" value="http://www.mamicode.com/提交"/>

技术分享

 

jquery 实现 点击一个按钮添加多个div