jquery 怎么得到当前tr在当前table中的位置?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 怎么得到当前tr在当前table中的位置?相关的知识,希望对你有一定的参考价值。

假如这个下面很多数据,我想点击某一行,就给这一行加一个背景颜色,我这里是点击立项触发下面这个事件
我就想在事件中得到 当前点击‘立项’这一行在整个table中是第几个就行了

给表格tr绑定点击事件即可,详细代码如下:
$('#table3 tr').on('click', function()
$(this).css('background-color','lightblue')
)
参考技术A

换个思路, 点击当前行时触发下列事件:

    给当前行的所在表 .parent()  的所有行去掉 selected 类.

    给当前行添加类 selected

     

本回答被提问者采纳

Jqeury获取table当前行与指定列

今天遇到了一个Jqeury获取table当前行与指定列的问题:

大概的实现要求是一个页面中,上面有几个input输入框,下面有一个table,当在输入框中输入内容的时候,点击添加按钮的时候,在下面table中追加对应的代码,同时每行有 编辑、删除的操作。类似下面的页面操作:

下面是addTable(),就是点击按钮之后追加tr的操作

 1  function addTable() {
 2 ………………
 3            //得到每个input的值
 4             var goodsClassVar = $("#goodsClass").val();
 5             var goodsSubClassVar = $("#goodsSubClass").val();
 6             var pcsVar = $("#pcs").val();
 7             var classifierVar = $("#classifier").val();
 8             var remarkVar = $("#remark").val();
 9             var rAwbState = $("#resultAwbState").val();
10            // 追加html语句
11             var tr = "<tr><td style=\\"display: none\\">" + id + "</td><td name=\\"goodsClass\\">" + goodsClassVar + "</td><td name=\\"goodsSubClass\\">" + goodsSubClassVar + "</td><td name=\\"pcs\\">" + pcsVar +
12                     "</td><td name=\\"classifier\\">" + classifierVar + "</td><td name=\\"remark\\">" + remarkVar + "</td><td>" +
13                     "<a class=\\"bs-btn bs-btn-sm bs-btn-default\\" name=\\"edit\\" onclick=\\"editTable(this)\\"><span>编辑</span></a>" +
14                     "<a class=\\"bs-btn bs-btn-sm bs-btn-default\\" name=\\"del\\" onclick=\\"delTable(this)\\"><span>删除</span></a>" + "</td></tr>";
15             $("#tablelist").append(tr);
16 ………………
17     }   

 添加数据之后的table样式如下面所示:

之后是要求点击“编辑”按钮之后,获得当前行的信息,当然上面的代码中可以看出我是把信息的主键id所在的td列给隐藏了。下面就是editTable()的函数,点击编辑的操作:

1  function editTable(id) {
2         //得到当前所在行
3         var rows = id.parentNode.parentNode.rowIndex;
4         //得到所在行的第一列的内容
5         var recId = $("#tablelist tr:eq(" + rows + ") td:eq(0)").html()
6 
7 }

主要的方法就是   $("table的id tr:eq(第几行) td:eq(第几列)").html()    

因为对JQuery的知识懂得非常的少,今天的这个小小的问题困扰了我好久,就记录下来,以防以后忘记。当然能帮助到别人更好!

 

以上是关于jquery 怎么得到当前tr在当前table中的位置?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery删除表格行且只保留前第一行 求解决 麻烦啦

jquery里怎么用clone给表格增加一行

在线等 jquery 如何把table中的一行变成可编辑的

Js中如何获取当前Table中的第几行?Sos,帮帮我这个小娃娃吧.

jquery 逐行遍历table

jquery 点击编辑按钮 当前行tr 中的td 全部 变为input