jquery获取table中点击位置所在行的id

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery获取table中点击位置所在行的id相关的知识,希望对你有一定的参考价值。

1、首先给div绑定click事件。
2、通过this,结合parents方法找到tr。
3、通过attr方法获取id的值。
4、具体代码

1

var tr_id=$(this).parents("tr").eq(0).attr("id");

拓展:parents()和attr()方法具体说明可查看Jquery官方文档。
参考技术A

$("td").click(function()
  //td的id 
  alert($(this).attr("id"));
  //tr的id  
  alert($(this).parent().attr("id"));
);

本回答被提问者采纳

JQ如何取table中某一行的数据

可以在鼠标经过table时,获得当前行与列的值。页面如下所示: 

具体操作就是点击“删除”按钮,然后调用jquery插件页面,这时候需要获得相应行的“ID”进行操作。

参考技术A 你可以通过table的ID 然后去找你想要的那一行就行了 但是个人觉得使用相对位置比较好 那样就不用很麻烦给每个tr和td都设ID了 只需要给table设个ID就行了 甚至可以连table的ID都不设置 但是建议设置的好 避免页面有多个table 到时候选择起来很麻烦的 而且 如果你的选择器无效的话 建议你直接打开网页源代码 然后再写选择器 那样更容易写对追问

刚开始学JQ,好多技巧还不太会,如果是下面这张表的话应该怎么写?

追答

请把这个网页在浏览器中运行后的源代码给我 然后告诉我 你想找哪一列 我再写给你 你这是设计的源码 不是运行的源码吧 因为可能涉及到母版页 我只是按照我的开发工作来想的 所以还是给我浏览器的源代码 那样会比较清楚

追问

内容太长,用私信发过去了。

追答

童鞋 代码改好了吧 呵呵 以后JQ选择器不回就直接看浏览器的源码 学JQ首先从选择器开始 其他的函数直接调用就好 如果你能正确获得整个页面中的所有元素 那我告诉你 你入门了

本回答被提问者和网友采纳
参考技术B 某一行?根据点击触发点击的哪一行么? 就是根据 td 选择 tr 了。。 参考技术C 看你怎么写监听事件了。追问

如果是这张表,应该怎么写?

追答

我最怕问题描述不仔细的了,你具体问题都说不清。别人怎么帮你解决。

以上是关于jquery获取table中点击位置所在行的id的主要内容,如果未能解决你的问题,请参考以下文章

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

jquery 或者js 怎么获取页面光标所在的元素

用JS如何获得table中checkbox所在的行列值?弄了一个上午了好捉急!

QT中如何获取QTableView当前行的坐标

获取table中CheckBox选中行的id

React中jquery引用