jquery 获取当前元素所在的表格行列数

最新推荐文章于 2023-02-20 16:27:23 发布

iteye_19318

最新推荐文章于 2023-02-20 16:27:23 发布

阅读量720

点赞数

分类专栏： JavaScript jquery 文章标签： jquery ViewUI

本文链接：https://blog.csdn.net/iteye_19318/article/details/82103707

版权

JavaScript jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>

<script language="javascript">
    $(document).ready(function(){
        $("#MyTable").find("td").hover(function(){
            var hang = $(this).parent().prevAll().length+1;
            var lie = $(this).prevAll().length+1;
            $(":input").val("第"+hang+"行，第"+lie+"列");
        })
    })
</script>
<title>JQuery</title>
<style type="text/css">
    table{
        background:#FFCC99;}
    td{
        text-align:center;
        width:100px;
        height:30px;}
</style>
</head>
<body>
<table id="MyTable" border="1" cellpadding="2" cellspacing="0">
    <tr>
        <td>(1，1)</td>
        <td>(1，2)</td>
        <td>(1，3)</td>
    </tr>
    <tr>
        <td>(2，1)</td>
        <td>(2，2)</td>
        <td>(2，3)</td>
    </tr>
    <tr>
        <td>(3，1)</td>
        <td>(3，2)</td>
        <td>(3，3)</td>
    </tr>
</table>
<br />
<input type="text"  />
</body>
</html>