方式:1、运用click()方式给tr原素关联js点击事件并选定一个事件处理函数;2、在事件处理函数中运用“$(selector).index(element)”句子分辨特定原素是不是被选中并导出选定元素部位就可以。
本实例教程作业环境: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视频教学
以上就是关于jquery如何判断table中tr是不是被选中的具体内容,大量欢迎关注AdminJS其他类似文章!