首页 > 网络编程 > JavaScript > javascript类库 > jquery > 删除table中的一行

jquery通过a标签删除table中的一行的代码

2013-12-02 17:36:54 作者：

删除table中的一行的方法有很多，在本文为大家介绍下jquery是如何做到的，下面有个不错的示例，喜欢的朋友可以参考下

 
<tr> 
<td width="10%"> 
<s:property value="#owner.id" /> 
</td> 
<td width="20%"> 
<s:property value="#owner.name" /> 
</td> 
<td width="15%"> 
<s:property value="#owner.floor" /> 
</td> 
<td width="15%"> 
<s:property value="#owner.number" /> 
</td> 
<td width="20%"> 
<s:property value="#owner.telephone" /> 
</td> 
<td width="20%" align="center"> 
<a href="addOwner.jsp">添加</a>| 
<a href="javascript:void(0)" onclick="updateOwner(<s:property value="#owner.id" />,'<s:property value="#owner.name" />','<s:property value="#owner.floor" />','<s:property value="#owner.number" />','<s:property value="#owner.telephone" />')"> 
修改</a>| 
<a href="javascript:void(0)" onclick="deleteOwner('<s:property value="#owner.id" />',this)">删除</a> 
</td> 
</tr> 

复制代码代码如下:

 
function deleteOwner(id,obj){ 
var o=$(obj); 
if(confirm("确定删除?")){ 
$.post( 
"deleteOwner!deleteOwner", 
{id: id}, 
function(){ 
alert("删除成功!!!"); 
o.parents("tr").remove(); 
} 
); 
} 
} 

1.刚开始因为this放错位置了，死活不成功！得注意。

2.直接用obj报错，要将其打包成对象$(obj)

jquery通过a标签删除table中的一行的代码

您可能感兴趣的文章: