Sam哥哥聊技术

互联网技术爱好者

Jquery处理table中每行中某个td的click事件

如何响应html table中每个td的click事件呢?如果是使用Jquery的话,可以像下面这样做。


html table 截图


html table 源代码

<tbody>
	<tr>
		<td>4</td>
		<td>1111111111</td>
		<td>xqHBhlAOrgvOr</td>
		<td>jinking.xu</td>
		<td>2015-09-21 17:50:01</td>
		<td>2015-09-21 17:50:01</td>
		<td><input type="button" value="编辑" id="toEdit" name="toEdit" systemidvaule="4"></td>
	</tr>

	<tr>
		<td>3</td>
		<td>admin</td>
		<td>XsuZWohjMSIeP</td>
		<td></td>
		<td></td>
		<td>2015-09-16 15:44:37</td>
		<td><input type="button" value="编辑" id="toEdit" name="toEdit" systemidvaule="3"></td>
	</tr>

	<tr>
		<td>2</td>
		<td>goods.vip</td>
		<td>gsFpUzoJfwtNe</td>
		<td>jilin.lu</td>
		<td>2015-09-15 15:29:06</td>
		<td>2015-09-16 15:44:05</td>
		<td><input type="button" value="编辑" id="toEdit" name="toEdit" systemidvaule="2"></td>
	</tr>

	<tr>
		<td>1</td>
		<td>b2csupport_huigui</td>
		<td>LWJGxnqSyOjXd</td>
		<td></td>
		<td></td>
		<td>2015-09-16 15:44:37</td>
		<td><input type="button" value="编辑" id="toEdit" name="toEdit" systemidvaule="1"></td>
	</tr>
</tbody>


Jquery源代码

$("input[name='toEdit']").each(function(){
		var currentEle = $(this);
		currentEle.click(function(){
		  window.location.href="${basePath}v/xxx/toEdit/?systemId="+$(this).attr("systemIdVaule");
		});
});

在这里使用了一个自定义属性systemidvalue,目的是为了存储数据库主键id。当然如果你在

<input type="button" value="编辑"id="toEdit" name="toEdit"onclick=”demo('${id}')”>中加入onclick也是可以的,使用方式不同而已

阅读更多

扫码向博主提问

去开通我的Chat快问

linsongbin1

博客专家

熟悉互联网高并发系统架构设计
  • 擅长领域:
  • JAVA
  • 高并发系统架构设计
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/linsongbin1/article/details/48630021
文章标签: Jquery
个人分类: Jquery
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭