[英]clone select box in 5 number of times jquery
如果单击添加按钮克隆选择框中的5次jQuery
$('.clkadd').click(function() { $('.twoselect:last').clone().appendTo('.appendtwo'); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="twoloop"> <select class="twoselect"><option>element</option><option>Next Level</option></select> <div class="addbtn"><a href="#" class="clkadd">Add</a></div> <div class='appendtwo'> </div> </div>
.length
属性返回DOM中元素的数量。 在限制要克隆的元素的条件下使用它。
$('.clkadd').click(function() { var select = $('.twoselect'); if (select.length <= 5) { select.filter(':last').clone().appendTo('.appendtwo'); } });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="twoloop"> <select class="twoselect"><option>element</option><option>Next Level</option></select> <div class="addbtn"><a href="#" class="clkadd">Add</a></div> <div class='appendtwo'> </div> </div>
您可以将点击次数限制在5以下
var c=0; $('.clkadd').click(function() { if(c<5){ $('.twoselect:last').clone().appendTo('.appendtwo'); } c++ });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="twoloop"> <select class="twoselect"><option>element</option><option>Next Level</option></select> <div class="addbtn"><a href="#" class="clkadd">Add</a></div> <div class='appendtwo'> </div> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.