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

原创 2015年09月21日 17:52:57

如何响应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也是可以的,使用方式不同而已

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

jquery点击事件获取table行号、列号

tabel点击行,获取行号 $('#table tbody').on( 'click', 'tr', function (e) { var index = $(this).parent().cont...

jquery,动态表格,事件绑定

jquery动态表格,为每一个tr添加悬浮事件,span添加点击事件

jQuery UI table tr 点击事件 背景蓝色

jQuery UI 中的table,每个 tr 有单机事件,当点击某一个 tr 后,被dianji
  • einsdan
  • einsdan
  • 2014年09月21日 15:00
  • 2021

点击table中的某一个td,获得这个tr的所有数据

功能: 点击table中的某一个td,获得这个tr的所有数据 效果图 function getData2(element){ document.get...

JS为表格每行添加点击事件

td1 td2 js部分: function clickaction(td){ alert(td.innerText); }

获取table的行,响应onclick事件

$("#table tr").click{function(){ }}

js给table每个tr添加双击事件

无标题页 function Test(){ var rows=document.getElementById("table1").rows; ...

如何在table的每一行添加点击事件

1.0的验收老师提到最多的是:无处不按钮,无处不入口。在后面的开发中牢记了这个思想,行动下移。比如对表格的操作,不能只限于工具栏上的按钮,选中一条数据后需得选按钮,索性不给它设计工具栏,点击哪里都是按...

java table右键点击事件

表格监听步骤   1 给表格 添加监听addMouseListener   2 使用MouseAdapter类的mouseClicked方法   3 通过MouseEvent类对象的getbutt...

jquery插件dataTable. 添加一行记录---触发click()事件

https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css js: $(document).ready(function() { ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery处理table中每行中某个td的click事件
举报原因:
原因补充:

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