[英]Jquery remove br tag on above
我创建了一个可以添加和删除的动态字段。
但是在我的脚本中,删除按钮将删除输入字段和所有br行。
我希望它仅删除我单击的内容
var max_fields = 5; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper).append('<br>');
$(wrapper).append('<div><input type="text" name="meaning[]" class="form-control" /><a href="#" class="remove_field"> <span class="glyphicon glyphicon-trash" aria-hidden="true" id="trash"></span></a></div>'); //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault();
$(this).parent('div').remove(); x--;
$("br").remove();
})
当我单击删除时,以上代码将删除所有br。
如果我只想删除父div,该怎么办?
尝试使用prev()
函数:
// Store $(this) to a variable in order not to call jQuery multiple times
var that = $(this);
that.parent('div').remove(); x--;
that.prev('br').remove();
检查文件
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.