jquery如何查询当前元素是第几个tr

本篇内容主要讲解“jquery如何查询当前元素是第几个tr”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jquery如何查询当前元素是第几个tr”吧!

创新互联建站主营睢阳网站建设的网络公司,主营网站建设方案,成都App制作,睢阳h5重庆小程序开发搭建,睢阳网站营销推广欢迎睢阳等地区企业咨询

方法：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。

示例如下：

$(function(){
    $("table tr").click(function() {
        var col = $(this).index() + 1; // 列位置
        alert("当前位置：第"+col+"个tr")
    });
}); 




    1234
    2456
    3789
    4123

输出结果：

点击其中第二行元素时，输出结果：

到此，相信大家对“jquery如何查询当前元素是第几个tr”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！