这里,如果点击X,则想删除整行。这工作正常。jquery - 点击按钮,删除最后一行可用
如果用户点击'add-item2'X ..它删除'add-item2'。因此,'add-item1'&'add-item3'将可供用户填写。
但是,我们需要的功能。如果用户点击'add-item2'X ..它必须检查并删除'最后可用'行。例如:'add-item3'必须在本示例中删除。
所以, '附加物品1' & '附加ITEM2' 将可用于用户填写
HTML:
<div class="row" id="add-more--names">
<div class="row-names" id="add-name1">
<div class="firstname form-validate">
<input type="text" id="firstname-1" class="name-validator" name="First Name" >
</div><div class="lastname form-validate>
<input type="text" id="lastname-1" class="name-validator" name="Last Name">
</div>
<div class="remove">
<a href="javascript:void(0);">X</a>
</div>
</div>
<div class="row-names" id="add-name2">
<div class="firstname form-validate">
<input type="text" id="firstname-2" class="name-validator" name="First Name" >
</div><div class="lastname form-validate>
<input type="text" id="lastname-2" class="name-validator" name="Last Name">
</div>
<div class="remove">
<a href="javascript:void(0);">X</a>
</div>
</div>
<div class="row-names" id="add-name3">
<div class="firstname form-validate">
<input type="text" id="firstname-3" class="name-validator" name="First Name" >
</div><div class="lastname form-validate>
<input type="text" id="lastname-3" class="name-validator" name="Last Name">
</div>
<div class="remove">
<a href="javascript:void(0);">X</a>
</div>
</div>
</div>
JS:
$('.remove a').on('click', function(e){
e.preventDefault();
$(this).parent().parent().remove();
});
您已经在'lastname form-validate'附近取消了报价,请修复 – aahhaa