jquery怎样查询现阶段原素是几个tr

lxf2023-03-18 17:32:01

方式: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。

实例如下所示:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
    $("table tr").click(function() {
        var col = $(this).index()   1; // 列部位
        alert("所在位置:第" col "个tr")
    });
}); 
</script>
</head>
<body>
<table id = "test" border="1">
    <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
    <tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
    <tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
</body>
</html>

输出结果:

jquery怎样查询现阶段原素是几个tr

点一下在其中第二行原素时,输出结果:

jquery怎样查询现阶段原素是几个tr

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

以上就是关于jquery怎样查询现阶段原素是几个tr的具体内容,大量欢迎关注AdminJS其他类似文章!