方法:1、利用“$(this)”语句和index()方法获取当前tr元素的index位置,进而获取当前元素是第几个,语法为“$(this).index()+1;”;2、利用alert()方法将获取到的当前元素位置数输出即可。

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery怎样查询当前元素是第几个tr
我们可以通过index()方法方法来查询当前元素是第几个tr。
index() 方法返回指定元素相对于其他指定元素的 index 位置。
这些元素可通过 jQuery 选择器或 DOM 元素来指定。
注释:如果未找到元素,index() 将返回 -1。
示例如下:
jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本,由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用,尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。
<script></script><script>
$(function(){
$("table tr").click(function() {
var col = $(this).index() + 1; // 列位置
alert("当前位置:第"+col+"个tr")
});
});
</script>
| 1 | 2 | 3 | 4 |
| 2 | 4 | 5 | 6 |
| 3 | 7 | 8 | 9 |
| 4 | 1 | 2 | 3 |
输出结果:

点击其中第二行元素时,输出结果:

相关视频教程推荐:jQuery视频教程










