删除动态生成的字段
删除动态生成的字段
提问于 2021-03-01 04:12:55
我可以生成动态字段，但是当我尝试删除字段而不是删除delete按钮前面的元素时，它是从最后到第一个删除的
$(document).ready(function(){
var max_fields = 10;
var wrapper = $(".more");
var add_button = $(".add");
var x = 1;
$(add_button).click(function(e){
e.preventDefault();
if (x < max_fields){
x++;
$(wrapper).append('Select FeeAdmission FeeDevelopment FeeAnnual FeeTuition FeeDelete Fields'); //add input box
}else{
alert('You Reached the limits')
}
});
$(wrapper).on("click", ".delete", function(e){
e.preventDefault();
$('#box'+x).remove();
x--;
})
});回答 1
Stack Overflow用户
回答已采纳
发布于 2021-03-01 04:30:05
因为x'的值将始终是动态创建的元素的数量。
一种可能的解决方案是找到被点击的“删除”按钮，并删除它的父级。替换$('#box'+x).remove();
有了这个 $(this).parents('.row').remove();
一个实用的小提琴示例：
https://jsfiddle.net/3L986nbj/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66413426
复制相关文章
相似问题