JQuery获取点击一个td是该行的第几个td

JQuery获取点击一个td是该行的第几个td,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">

<html xmlns="http://wwww3org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script src="js/jquery-144js" type="text/javascript"></script>

<script>

$(document)ready(function(){

$("td")click(function(){

alert("第"+($(this)index()+1)+ "个td");

});

});

</script>

</head>

<body>

<table width="200" border="0" cellspacing="0" cellpadding="0">

<tr>

<td>ttttttt</td>

<td>ddddddd</td>

</tr>

<tr>

<td> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

</tr>

</table>

</body>

</html>

<BODY>

<table>

<tr><td>11</td><td

>12</td><td>13</td></tr>

<tr><td>21</td><td

>22</td><td>23</td></tr>

<tr><td>31</td><td

>32</td><td>33</td></tr>

</table>

</BODY>

<script>

//

tr:eq(0)

取第一行

td:eq(2)

取第三列

//$("tr:eq(0)

td:eq(2)")text()

得到:13

//$("tr:eq(1)

td:eq(1)")text()

得到:22

alert($("tr:eq(0)

td:eq(2)")text());

</script>

行和列你可以用变量代替!

请采纳,谢谢!

$('#id-tr > td') // 这个可以得到id为id-tr下的直系td子元素

$('#id-tr  td')  //这个可以得到id为id-tr下的所有td子元素

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/13494828.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-09-01
下一篇2025-09-01

发表评论

登录后才能评论

评论列表(0条)

    保存