您的位置：首页 > Web前端 > JQuery

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

2016-03-03 12:28 585 查看

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航