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)行(tr)点击选中checkbox事件

目的实现鼠标点击表格行元素,就可以选中所在行内的复选框,实现数据勾选效果。多用于管理系统中数据列表上。效果录制了一个简单的动画来呈现。 方法这里采用jQuery框架做实现,当然原生的js也可以实现,...

用Jquery给Table 的TD TR绑定事件

项目需求,我需要在页面加载完之后给新添加的元素增加focus事件, 我用的jQuery1.3,据说多了个live()事件,可以支持这种重复绑定问题,可是去官网一看:Possible event val...
  • lee576
  • lee576
  • 2009-08-07 10:44
  • 11908

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

Jquery DataTables 获取表格数据及选中行数据

1.获取表格所有数据 1 function getTableContent(){ 2        var nT...

datatable 选择指定行 对行进行相关操作.

var tra = t.rows("tr:nth-child(4)")     .nodes()     .to$()      // Convert to a jQuery object   ...

Jquery DataTables 获取表格数据及选中行数据

function getTableContent(){       var nTrs = table.fnGetNodes();       for(var i = 0; i       co...

jquery datatable 多行(单行)选择(select),行获取/行删除

jquery datatable 多行(单行)选择(select),行获取/行删除代码展示// 示例数据源 var dataSet = [ ['Tasman','Internet Explor...

jquery获取table中的某行全部td的内容方法

function Bind(thisObj, thisObjID) { alert("Bind"); var $td = $(thisObj).parents('tr').childr...

获取jqGrid中每行的子元素td并修改其属性

获取jqGrid中每行的子元素td并修改其属性  最近项目中用到了jqGrid来显示表格,使用起来确实非常方便,值得推荐。昨天,遇到了一个看起来简单的需求,但是网上却没找到这个需求的解决方案(可能是信...
  • jsy625
  • jsy625
  • 2015-06-09 09:50
  • 2018

用jQuery获取table中行id和td值的实现代码

点击 $(function(){ //用jQuery...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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