jquery获取当前对象所在的行数

最新推荐文章于 2020-12-22 03:30:21 发布

转载最新推荐文章于 2020-12-22 03:30:21 发布 · 1.3k 阅读

javascript 同时被 2 个专栏收录

9 篇文章

订阅专栏

jquery

5 篇文章

订阅专栏

本文介绍了一种使用jQuery来获取HTML表格中鼠标悬停单元格的位置的方法。通过简单的JavaScript代码，可以实时显示用户鼠标所处的表格行列信息。

<html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5
6     <script type="text/javascript" src="javsscript/jquery-1.7.1.js"></script>
7
8     <script type="text/javascript" language="javascript">
9 $(document).ready(function() {
10 $("#MyTable").find("td").hover(function() {
11 var hang = $(this).parent().prevAll().length + 1;
12 var lie = $(this).prevAll().length + 1;
13 $(":input").val("第" + hang + "行，第" + lie + "列");
14 })
15 })
16 </script>
17
18     <title>JQuery</title>
19     <style type="text/css">
20 table
21 {
22 background: #FFCC99;
23 }
24 td
25 {
26 text-align: center;
27 width: 100px;
28 height: 30px;
29 }
30 </style>
31 </head>
32 <body>
33     <table id="MyTable" border="1" cellpadding="2" cellspacing="0">
34         <tr>
35             <td>
36                 (1，1)
37             </td>
38             <td>
39                 (1，2)
40             </td>
41             <td>
42                 (1，3)
43             </td>
44         </tr>
45         <tr>
46             <td>
47                 (2，1)
48             </td>
49             <td>
50                 (2，2)
51             </td>
52             <td>
53                 (2，3)
54             </td>
55         </tr>
56         <tr>
57             <td>
58                 (3，1)
59             </td>
60             <td>
61                 (3，2)
62             </td>
63             <td>
64                 (3，3)
65             </td>
66         </tr>
67     </table>
68     <br />
69     <input type="text" />
70 </body>
71 </html>