2017-02-10 103 views
1

其實我現在用克隆方法時,我克隆它沿追加整個有添加和刪除按鈕,但我需要證明我添加按鈕點擊應該克隆整個分度,添加和刪除按鈕克隆格但它不應該顯示添加按鈕爲先前克隆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--; 
    } 
}); 
}); 
+0

您可以通過隱藏$(」。CF1:最後.add2" )實現它隱藏();在你的點擊事件 –

+0

@ Mohtisham它不起作用。 – Mohan

+0

請檢查該https://jsfiddle.net/j6sg854c/1/那裏,我們可以解決這個問題 –

回答

0

我更新小提琴here現在添加按鈕不加入

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

點擊事件裏面