javascript - jquery克隆选择框5次

Question

如果点击添加按钮克隆选择框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>

Answer 1

.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>