一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-11-14 22:03:19 编辑:袖梨 来源:一聚教程网

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;
});

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

热门栏目