jquery怎样判断table中tr是否被选中

方法:1、利用click()方法给tr元素绑定点击事件并指定一个事件处理函数;2、在事件处理函数中利用“$(selector).index(element)”语句判断指定元素是否被选中并输出选中元素的位置即可。

jquery怎样判断table中tr是否被选中

本教程操作环境:windows7系统、jquery3.2.1版本、Dell G3电脑。

jquery怎样判断table中tr是否被选中

我们可以通过click()方法和index()方法来判断tr元素是否被选中。

click()方法表示当点击元素时,会发生 click 事件。当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click,click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。

index() 方法返回指定元素相对于其他指定元素的 index 位置。

示例如下:

  1. $(function(){ var myRows = $('table tr').click(function(){ alert('Row #' +myRows.index(this)); });});

登录后复制      0-1    0-2        1-1    1-2        2-1    2-2        3-1    3-2        4-1    4-2  

输出结果:

jquery怎样判断table中tr是否被选中

选中第一行时,输出结果:

jquery怎样判断table中tr是否被选中

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

以上就是jquery怎样判断table中tr是否被选中的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    在jquery中“$”代表什么意思

    2025-3-7 19:44:43

    编程技术

    jquery怎么实现九宫格抽奖

    2025-3-7 19:44:50

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索