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--;
}
});
});
$( "。cf1:last .add2")を隠すことで実現できます。あなたのクリックイベントの内部 –
@ Mohtishamそれは動作していません。 – Mohan
この問題を解決できるhttps://jsfiddle.net/j6sg854c/1/をご確認ください –