获取鼠标hover表格的行列位置

来源：互联网发布：google chrome翻墙mac 编辑：程序博客网时间：2024/04/27 17:49
<!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=utf-8" /><script type="text/javascript" src="jquery.js"></script><script type="text/javascript" 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>
0 0