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