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

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

table表格里面td的点击冒泡事件

html部分: 项目一: 进行中:100 未完成:3...
  • u010978477
  • u010978477
  • 2017年09月08日 16:52
  • 375

js中获取 table节点各tr及td的内容方法

第一行 第二行 第三行 ...
  • shangzhiliang_2008
  • shangzhiliang_2008
  • 2013年10月12日 17:54
  • 107264

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

功能: 点击table中的某一个td,获得这个tr的所有数据 效果图 function getData2(element){ document.get...
  • dlf123321
  • dlf123321
  • 2015年03月30日 19:48
  • 7260

js修改table中Td的值(定义td的单击事件)

/*  页面装载时,为每个td增加单击事件,这样,就可以不用对每个页面进行更改。  */  function ReWritable()  {  var tbmian=document.get...
  • u011425213
  • u011425213
  • 2013年07月22日 14:02
  • 1348

TR 绑定的 onclick 事件,如何排除其中一些 TD 对onclick 事件的绑定

1111111 1111111 1111111 1111111 1111111 1111111 var td = document.getElementById("tb").getEle...
  • judyfun
  • judyfun
  • 2015年01月20日 14:25
  • 4287

jquery td 点击改变颜色

$('#timetable td').each(function(){ $(this).click(function(){ if($(this)...
  • u013076044
  • u013076044
  • 2015年10月02日 23:08
  • 2278

Angularjs中table中实现点击td中按钮不触发tr的点击事件

table中实现点击td中按钮不触发tr的点击事件
  • wzl19870309
  • wzl19870309
  • 2017年03月08日 17:03
  • 1919

jquery实现双击修改td内容的方法

$(function(){        $("#table").find("tr:eq(1)").find("td:lt(3):gt(0)").bind("dblclick",function(...
  • yfgcq
  • yfgcq
  • 2016年04月15日 16:29
  • 1758

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

tabel点击行,获取行号 $('#table tbody').on( 'click', 'tr', function (e) { var index = $(this).parent().cont...
  • olinner123
  • olinner123
  • 2016年12月07日 15:08
  • 6521

jquery,动态表格,事件绑定

jquery动态表格,为每一个tr添加悬浮事件,span添加点击事件
  • matengbing
  • matengbing
  • 2016年11月16日 19:53
  • 1715
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery处理table中每行中某个td的click事件
举报原因:
原因补充:

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