jquery的click事件怎么实现带删除的删除
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>
[解决办法]通过ajax的data参数。相当于form请求中的<input name="id",用get也可以,哪请求地址是:
文件名?id=recordId
[解决办法]
前面的大神们已经指点了很多。
根据楼主的只言片语吧,我的理解是,楼主遇到的问题是如何把每个记录的id给偷偷的保存下来,并用于后期数据库操作。ajax的传递值,首先要以得到这个id为基础。
呵呵,这里推荐一下街头小贩在帮助我时的一个思路,用<input type=“hidden”....>的方式偷偷传递id值。这个思路太牛叉了,我用这个方面解决了很多问题。
具体请参考我问的问题,由街头小贩给出的案例,http://bbs.csdn.net/topics/390540640,再结合大牛们在这个帖子里的提示,肯定能解决了。
[解决办法]这个简单,例子是:<input id="showOrder" name="editID" type="hidden" >。使用的时候,你只要把你所需要的ID给赋值在这个input上面(可以利用javascript方法或函数,你可以看我另外一个帖子http://bbs.csdn.net/topics/390532888,里面有该程序的demo),然后submit后接收这个值就可以用于操作。
另外,至于这个东西放在哪里,我的经验是:你可以把这个放在任何地方,当然最关键的是放在<form> </form>里面,或者放在外面的话也要标注好。
看我当初的两个问题帖子,自己动动手,就应该能解决了。