html
代码如下 | 复制代码 |
<p class="item"> <input type="text" name="meta_key[164]" value="file1" size="20" /><a href="/18" id="164" class="button remove">remove</a> </p> |
需求说明:
鼠标点击‘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; }); |
其他类似问题也可以通过相同方法解决
时间: 2024-10-29 07:40:51