成都网站建设设计

将想法与焦点和您一起共享

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

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

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

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

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

本教程操作环境: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

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

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

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


文章题目:jquery如何查询当前元素是第几个tr
网页地址:http://chengdu.cdxwcx.cn/article/pgschh.html