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:最後.add2" )實現它隱藏();在你的點擊事件 –
@ Mohtisham它不起作用。 – Mohan
請檢查該https://jsfiddle.net/j6sg854c/1/那裏,我們可以解決這個問題 –