Jquery获取当前元素所在表格的行列数
2012-03-29 17:01
495 查看
html代码如下:
View Code
效果图:
View Code
<!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=gb2312" /> <script type="text/javascript" src="javsscript/jquery-1.7.1.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function() { $("#MyTable").find("td").hover(function() { var hang = $(this).parent().prevAll().length + 1; var lie = $(this).prevAll().length + 1; $(":input").val("第" + hang + "行,第" + lie + "列"); }) }) </script> <title>JQuery</title> <style type="text/css"> table { background: #FFCC99; } td { text-align: center; width: 100px; height: 30px; } </style> </head> <body> <table id="MyTable" border="1" cellpadding="2" cellspacing="0"> <tr> <td> (1,1) </td> <td> (1,2) </td> <td> (1,3) </td> </tr> <tr> <td> (2,1) </td> <td> (2,2) </td> <td> (2,3) </td> </tr> <tr> <td> (3,1) </td> <td> (3,2) </td> <td> (3,3) </td> </tr> </table> <br /> <input type="text" /> </body> </html>
效果图:
相关文章推荐
- jquery 获取当前元素 表格所在的行列数
- jquery绑定事件的方法on中获取当前所在元素及子元素的方式
- Jquery中获取当前页面某iFrame内部元素的方法
- jquery 获取选中的文字.当前光标所在的位置等jquery-fieldselection 插件
- jquery获取当前鼠标所在位置的坐标
- Javascript JQuery获取当前元素的兄弟元素/上一个/下一个元素(转)
- jquery获取当前元素索引值index()方法(总结)
- jquery获取当前元素的子元素的自定义属性值
- jquery获取当前元素的标签类型
- JQuery获取this当前对象子元素对象
- jquery 根据当前元素获取上一级下一级元素
- jquery获取当前元素的坐标
- Javascript JQuery获取当前元素的兄弟元素/上一个/下一个元素(转)
- JQuery获取this当前对象子元素对象
- JQuery获取this当前对象子元素对象
- JQuery获取当前元素本身
- 用jquery如何获取select元素中当前选择的文本内容
- jquery遍历表格获取表格当前行数据
- js获取当前焦点所在的元素
- jquery在子页面中获取父页面所在的frameset中的其它的frame中的元素