Question

实际上我克隆div时使用克隆方法克隆它时附加整个以及添加和删除按钮但我需要显示当我单击时添加按钮它应该克隆整个div添加和删除按钮，但它不应显示以前克隆的div的添加按钮。

如何解决这个问题？有人帮帮我..

以下是HTML代码..

<div class="wid100 cf1">
    <div class="group1 nopl"><label>Company :</label> <input type="text" class="company_name" name="company[]" required="required" /></div>
    <div class="group1 nopl"><label>Experience (Yrs) From:</label> <input type="date" class="experience_1" id="filevalidation" name="experience1[]" required="required" /></div>
    <div class="group1 nopl"><label>To:</label> <input type="date" id="filevalidation"  class="experience_2" name="experience2[]" required="required" /></div>
    <label>Roles & Responsibilities :</label> <textarea rows="6" class="job" name="job_description[]" required="required" ></textarea>
    <div class="add2">+</div><div class="remove2">-</div>
</div>

Jquery代码，

 $(document).ready(function() {
 $('.remove2').hide();

 var count = 1;
  $(".add2").click(function() {

  if(count<5){
    count++;

    $(".cf1:first").clone(true).insertAfter(".cf1:last");
    $(".cf1:last").find('input[type="text"]').val('');
    $(".cf1:last").find('input[type="date"]').val('');
    $(".cf1:last").find("textarea[name=job_description]").val('');
    $(".add2:last").closest(".add2").remove();
    $(".remove2:last").show('');
   }
   else{
    $(this).closest(".add2").remove();    
     count--;
   } 
});

$(".remove2").click(function() {
    if(count>1){
    $('.cf1:last').remove();
     count--;
    }
});
});

Answer 1

我更新小提琴here现在添加按钮不添加

$(".cf1:last .add2").hide();

在点击事件中

如何删除以前克隆的div的添加按钮？

1 个答案: