首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

jquery的click事件怎么实现带删除的删除

2013-09-24 
jquery的click事件如何实现带删除的删除?trtdID/tdtd姓名/tdtd电话/tdtd操作/td/trt

jquery的click事件如何实现带删除的删除?


<tr>
<td>ID</td>
<td>姓名</td>
<td>电话</td>
<td>操作</td>
</tr>
<tr>
<td>1</td>
<td>张山</td>
<td>111111</td>
<td><a href="">删除</a></td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>22222</td>
<td><a href="">删除</a></td>
</tr>

[解决办法]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
</head>

<body>
<table>
<tr>
<td>ID</td>
<td>姓名</td>
<td>电话</td>
<td>操作</td>
</tr>
<tr>
<td>1</td>
<td>张山</td>
<td>111111</td>
<td><a rel="del" href="javascript:;">删除</a></td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>22222</td>
<td><a rel="del" href="javascript:;">删除</a></td>
</tr>
</table>
<script type="text/javascript">
jQuery(function($){
$('a[rel=del]').click(function(){
$(this).parents('tr').remove();
return false;
});
});
</script>
</body>
</html>


[解决办法]
引用:
楼上的,没明白这个recordId是怎么得到,每行都有一个ID,每次删除都是删除该id的记录,那这个id怎么带过来呢?


通过ajax的data参数。相当于form请求中的<input name="id",用get也可以,哪请求地址是:


文件名?id=recordId
[解决办法]

引用:
楼上的,没明白这个recordId是怎么得到,每行都有一个ID,每次删除都是删除该id的记录,那这个id怎么带过来呢?


前面的大神们已经指点了很多。
根据楼主的只言片语吧,我的理解是,楼主遇到的问题是如何把每个记录的id给偷偷的保存下来,并用于后期数据库操作。ajax的传递值,首先要以得到这个id为基础。
呵呵,这里推荐一下街头小贩在帮助我时的一个思路,用<input type=“hidden”....>的方式偷偷传递id值。这个思路太牛叉了,我用这个方面解决了很多问题。
具体请参考我问的问题,由街头小贩给出的案例,http://bbs.csdn.net/topics/390540640,再结合大牛们在这个帖子里的提示,肯定能解决了。
[解决办法]
引用:
Quote: 引用:

Quote: 引用:

楼上的,没明白这个recordId是怎么得到,每行都有一个ID,每次删除都是删除该id的记录,那这个id怎么带过来呢?


前面的大神们已经指点了很多。
根据楼主的只言片语吧,我的理解是,楼主遇到的问题是如何把每个记录的id给偷偷的保存下来,并用于后期数据库操作。ajax的传递值,首先要以得到这个id为基础。
呵呵,这里推荐一下街头小贩在帮助我时的一个思路,用<input type=“hidden”....>的方式偷偷传递id值。这个思路太牛叉了,我用这个方面解决了很多问题。
具体请参考我问的问题,由街头小贩给出的案例,http://bbs.csdn.net/topics/390540640,再结合大牛们在这个帖子里的提示,肯定能解决了。

一个列表里面,你点某列的一个记录怎么带上hidden? 写个例子吗


这个简单,例子是:<input id="showOrder" name="editID" type="hidden" >。使用的时候,你只要把你所需要的ID给赋值在这个input上面(可以利用javascript方法或函数,你可以看我另外一个帖子http://bbs.csdn.net/topics/390532888,里面有该程序的demo),然后submit后接收这个值就可以用于操作。

另外,至于这个东西放在哪里,我的经验是:你可以把这个放在任何地方,当然最关键的是放在<form>  </form>里面,或者放在外面的话也要标注好。

看我当初的两个问题帖子,自己动动手,就应该能解决了。

热点排行