jquery获取td所在的行和列
今天在做项目时,遇到一个需要获取第几行第几列的问题。后来,网上找了找资料,整理了此文。(使用jquery的preAll()获取列)
代码如下:
<!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 language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script> <script language="javascript"> function c(temp){ var hang = $(temp.parentNode).parent().prevAll().length+1; var lie = $(temp.parentNode).prevAll().length+1; alert("第"+hang+"行"+" "+"第"+lie+"列"); } </script> <title>JQuery获取行和列</title> </head> <body> <table id="MyTable" border="1" cellpadding="2" cellspacing="0"> <tr> <td><a href="#" onclick="c(this)">(1,1)</a></td> <td><a href="#" onclick="c(this)">(1,2)</a></td> <td><a href="#" onclick="c(this)">(1,3)</a></td> </tr> <tr> <td><a href="#" onclick="c(this)">(2,1)</a></td> <td><a href="#" onclick="c(this)">(2,2)</a></td> <td><a href="#" onclick="c(this)">(2,3)</a></td> </tr> <tr> <td><a href="#" onclick="c(this)">(3,1)</a></td> <td><a href="#" onclick="c(this)">(3,2)</a></td> <td><a href="#" onclick="c(this)">(3,3)</a></td> </tr> </table> </body> </html>
测试结果如下:
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。