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

原创 2013年12月03日 10:38:06
代码如下:

<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方法给TABLE动态增加 删除行

比如设置table的id为tab var trHTML = "..." $("#tab").append(trHTML);//在table最后面添加一行 $("#tab tr:eq(2)").afte...
  • xyr05288
  • xyr05288
  • 2015年06月08日 16:20
  • 4125

jquery通过<a>标签删除table中的一行

添加| ,'','','','')"> 修改| onclick="deleteOwner('',this)">删除 function ...
  • wwwcomcn123
  • wwwcomcn123
  • 2013年12月02日 00:11
  • 811

table标签添加行和删除行(Jquery)

table标签添加行和删除行
  • ZJDWHD
  • ZJDWHD
  • 2016年12月21日 16:18
  • 2207

利用jquery给指定的table动态添加一行、删除一行

今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避...
  • lotusyangjun
  • lotusyangjun
  • 2014年11月04日 17:26
  • 1464

利用jquery给指定的table动态添加一行、删除一行

$("#mytable tr").find("td:nth-child(1)") 1表示获取每行的第一列 $("#mytable tr").find("td:nth-child(3)") 3表示获取...
  • GarfieldEr007
  • GarfieldEr007
  • 2016年09月02日 13:06
  • 5044

js+jquery实现增加或删除表格中的一行数据

jquery和js代码如下(该方法有bug,至少要留一个模板,否则,之后不能再新增行): function setIndex() { var i = 2; $(".rsnum").e...
  • csdn_stf_01
  • csdn_stf_01
  • 2017年07月24日 18:52
  • 1309

jquery实现表格的多行删除

初学jquery,发现自己比较脑残的一味百度,找到一些代码,就想着运行,出现问题不知道怎么解决。 下面介绍如何运用jquery实现表格的多行删除 首先如果你没有jquery类库,要先下载jquer...
  • u011026037
  • u011026037
  • 2016年11月19日 14:24
  • 1755

Jquery html<table>数据行的添加和删除

1.运行结果 2.需要引用的js文件                     3.源码 ...
  • xuanwuziyou
  • xuanwuziyou
  • 2014年01月17日 12:16
  • 2992

jQuery实现表格全选、反选、删除一行或多行、增加一行

table tr td         {             border: solid 1px #eee;         }                 $(functi...
  • liu_111111
  • liu_111111
  • 2013年05月06日 17:09
  • 8842

用jquery代码实现表格行列的增删操作(每行编号随之修改)

目标效果: 1.点击addRow按纽实现行的增加,并且编号连续呈増序。 2.点击deleteRow按纽实现行的删除,并且被删行对象后面的行编号与被删对象前面的行编号能连贯起来。(下示例从上...
  • felixkiki
  • felixkiki
  • 2016年01月03日 22:14
  • 2142
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery通过a标签删除table中的一行的代码
举报原因:
原因补充:

(最多只允许输入30个字)