jQuery ajax使用$(this).parent()无效解决方法

作者：袖梨 2022-11-14

html

代码如下 复制代码


remove

需求说明：
鼠标点击‘remove’链接，根据ajax的返回值删除页面元素。

无效的方法

代码如下 复制代码
$('.remove').bind('click',function(){

$.ajax({
type:'post',
url:$(this).attr('href'),
dataType : 'json',
data:{id : $(this).attr('id')},
success:function(msg){
if(msg.error==0){
alert(msg.msg);
}else{
$(this).parent().remove(); //此处无法获得父级元素
 }
}

});
return false;
});

有效的方法

代码如下 复制代码
$('.remove').bind('click',function(){

div=$(this).parent(); //先获取父级元素
$.ajax({
type:'post',
url:$(this).attr('href'),
dataType : 'json',
data:{id : $(this).attr('id')},
success:function(msg){
if(msg.error==0){
alert(msg.msg);
}else{
div.remove(); //再删除
 }
}

});
return false;
});

其他类似问题也可以通过相同方法解决

相关文章

精彩推荐