jquery获取td所在的行和列
2014-07-22 11:57
253 查看
今天在做项目时,遇到一个需要获取第几行第几列的问题。后来,网上找了找资料,整理了此文。(使用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>
测试结果如下:
相关文章推荐
- jquery获取td所在的行和列
- jquery获取td所在的行和列
- 获取引用js文件所在的路径(做jquery插件用)
- jQuery无任何标示获取td在表格中的行数和列数
- Jquery 获取tr并更改td内容
- jquery在子页面中获取父页面所在的frameset中的其它的frame中的元素
- jQuery无任何标示获取td在表格中的行数和列数
- 关于Jquery获取Table中td内的内容
- jQuery 获取浏览器所在的IP地址的小例子
- jquery 获取选中的文字.当前光标所在的位置等jquery-fieldselection 插件
- jQuery遍历table中的tr td并获取td中的值
- 当td没有任何标示时,在jQuery中实现获取其在表格中的行和列:
- 关于Jquery获取Table中td内的内容
- 使用jquery获取table内 td里面指定类型控件的值
- jQuery 获取浏览器所在的IP地址的小例子
- 关于Jquery获取Table中td内的内容
- jquery 获取当前元素 表格所在的行列数
- 获取table标签td所在行列号
- 关于Jquery获取Table中td内的内容
- Jquery 获取Repeater中Table的当前TD及相邻TD的值