jquery 获取当前元素 表格所在的行列数
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>tableTest.html</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script><script type="text/javascript"> //页面装载就加载函数 $(document).ready(function() { //给所有的td单元格绑定一个click事件 //如果这个table的id为table1，那单给table1的所有td加click事件代码为： // var tds = $("#table1").find("td"); var tds = $("td"); tds.click(tdclick); }); function tdclick() { //var td = $(this); //var text = td.text(); // $(this)表示这个td单元格， // .parent("tr")表示这个td的父节点 // .prevAll()表示这个tr前面有多少个tr var hang = $(this).parent("tr").prevAll().length; var lie = $(this).prevAll().length; hang = Number(hang)+1;//字符串变为数字 lie = Number(lie)+1; alert("第"+hang+"行"+"第"+lie+"列"); } </script> </head> <body> <table border="1px" width="300" id="table1"> <tr> <td> 1 </td> <td> 2 </td> <td> q </td> <td> t </td> </tr> <tr> <td> a </td> <td> 2 </td> <td> q </td> <td> y </td> </tr> <tr> <td> b </td> <td> 2 </td> <td> 3 </td> <td> b </td> </tr> <tr> <td> c </td> <td> 2 </td> <td> q </td> <td> 4 </td> </tr> <tr> <td> d </td> <td> 2 </td> <td> q </td> <td> f </td> </tr> </table> </body> </html>?