jquery如何判断table中tr是不是被选中

lxf2023-03-18 08:48:01

方式:1、运用click()方式给tr原素关联js点击事件并选定一个事件处理函数;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 部位。

实例如下所示:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
    var myRows = $('table tr').click(function(){
        alert('Row #'  myRows.index(this));
    });
});
</script>
</head>
<body>
<table width="300" border="1" cellspacing="1" cellpadding="2">
  <tr>
    <td width="150">0-1</td>
    <td width="150">0-2</td>
  </tr>
  <tr>
    <td>1-1</td>
    <td>1-2</td>
  </tr>
  <tr>
    <td>2-1</td>
    <td>2-2</td>
  </tr>
  <tr>
    <td>3-1</td>
    <td>3-2</td>
  </tr>
  <tr>
    <td>4-1</td>
    <td>4-2</td>
  </tr>
</table>
</body>
</html>

输出结果:

jquery如何判断table中tr是不是被选中

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

jquery如何判断table中tr是不是被选中

有关视频教学强烈推荐:jQuery视频教学

以上就是关于jquery如何判断table中tr是不是被选中的具体内容,大量欢迎关注AdminJS其他类似文章!