2017-02-10 12 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:last .add2")を隠すことで実現できます。あなたのクリックイベントの内部 –

+0

@ Mohtishamそれは動作していません。 – Mohan

+0

この問題を解決できるhttps://jsfiddle.net/j6sg854c/1/をご確認ください –

答えて

0

私は更新フィドルhere今追加ボタン

$(".cf1:last .add2").hide(); 
を追加していません

クリックイベント内

関連する問題