jquery怎样获取现阶段原素于第两行第几列

lxf2023-03-16 19:24:01

方式:1、运用index()和parent()方式来获得现阶段原素的行部位,词法为“原素目标.parent().index() 1;”;2、运用index()方式来获得现阶段元素列部位,词法为“原素目标.index() 1;”。

jquery怎样获取现阶段原素于第两行第几列

实例教程作业环境:windows7系统软件、jquery3.2.1版本号、Dell G3计算机。

jquery怎样获取现阶段原素于第两行第几列

我们通过index()方法与parent()方式来获得现阶段原素于第两行第几列,实例如下所示:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></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>
<script>
$(function(){
    $("table td").click(function() {
        var row = $(this).parent().index()   1; // 行部位
        var col = $(this).index()   1; // 列部位
        alert("所在位置:第" row "行,第" col "列")
    });
}); 
</script>
</body>
</html>

输出结果:

jquery怎样获取现阶段原素于第两行第几列

当点一下其中的一个表格中原素时,输出结果:

jquery怎样获取现阶段原素于第两行第几列

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

以上就是关于jquery怎样获取现阶段原素于第两行第几列的具体内容,大量欢迎关注AdminJS其他类似文章!