找td在tr中的位置 js如何找到td在tr中的第几位 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <body>点击表格<table id="tbl"> <tr> <td>11</td> <td>12</td> <td>13</td> </tr> <tr> <td>21</td> <td>22</td> <td>23</td> </tr></table><script type="text/javascript">void function() { var tds = document.getElementById('tbl').getElementsByTagName('td'), i = 0, l = tds.length; for (; i < l; i++) { tds[i].onclick = function() { alert([(this.parentNode.rowIndex + 1) + '行', (this.cellIndex + 1) + '列']); } }}();</script></body> <html> <head> <style type="text/css"> table { background-color: #CCCCCC; } tr { background-color: #FFFFFF; } </style> <script type="text/javascript"> function clickTd() { var e = arguments[0] || window.event; var td = e.srcElement||e.target; var tr = td.parentNode; var len = tr.cells.length; for (var i = 0; i < len; i++) { if (tr.cells[i] == td) { alert("第" + (i + 1) + "个TD"); } } e.cancelBubble = true; } </script> </head> <body> <table border="0" cellspacing="1" onclick="clickTd()"> <tr> <td>td1</td> <td>td2</td> <td>td3</td> <td>td4</td> <td>td5</td> </tr> <tr> <td>td1</td> <td>td2</td> <td>td3</td> <td>td4</td> <td>td5</td> </tr> <tr> <td>td1</td> <td>td2</td> <td>td3</td> <td>td4</td> <td>td5</td> </tr> <tr> <td>td1</td> <td>td2</td> <td>td3</td> <td>td4</td> <td>td5</td> </tr> <tr> <td>td1</td> <td>td2</td> <td>td3</td> <td>td4</td> <td>td5</td> </tr> </table> </body></html> <!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" /><title>无标题文档</title><style></style><script type="text/javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("td").click(function (){ alert( $(this).parent().children().index($(this))); }); }); </script></head><body style="text-align:left"><table><tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr></table></body>jquery~ 如何保存值(JSON,JQ,AJAX) js 判断一个数字是否在一个字符串内 如何让showModelessDialog不刷新 关于js密码验证 点击一个链接怎么触发两个事件 大家看看哪儿有错啊 轮换广告CUP占用率90%多??WHY 怎样用javascript 或asp检测友情连接是否已经失效? 谢谢,我还需要知道如何在点击按钮后将按钮屏蔽;如何通过参数判断将按钮屏蔽; 试试难不难??HELP javascript 如何捕捉关闭浏览器tab页面事件 js 如何删除数组元素
<body>
点击表格
<table id="tbl">
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
</table>
<script type="text/javascript">
void function() {
var tds = document.getElementById('tbl').getElementsByTagName('td'), i = 0, l = tds.length;
for (; i < l; i++) {
tds[i].onclick = function() {
alert([(this.parentNode.rowIndex + 1) + '行', (this.cellIndex + 1) + '列']);
}
}
}();
</script>
</body>
<html>
<head>
<style type="text/css">
table {
background-color: #CCCCCC;
}
tr {
background-color: #FFFFFF;
}
</style>
<script type="text/javascript">
function clickTd() {
var e = arguments[0] || window.event;
var td = e.srcElement||e.target;
var tr = td.parentNode;
var len = tr.cells.length;
for (var i = 0; i < len; i++) {
if (tr.cells[i] == td) {
alert("第" + (i + 1) + "个TD");
}
}
e.cancelBubble = true;
}
</script>
</head>
<body>
<table border="0" cellspacing="1" onclick="clickTd()">
<tr>
<td>td1</td>
<td>td2</td>
<td>td3</td>
<td>td4</td>
<td>td5</td>
</tr>
<tr>
<td>td1</td>
<td>td2</td>
<td>td3</td>
<td>td4</td>
<td>td5</td>
</tr>
<tr>
<td>td1</td>
<td>td2</td>
<td>td3</td>
<td>td4</td>
<td>td5</td>
</tr>
<tr>
<td>td1</td>
<td>td2</td>
<td>td3</td>
<td>td4</td>
<td>td5</td>
</tr>
<tr>
<td>td1</td>
<td>td2</td>
<td>td3</td>
<td>td4</td>
<td>td5</td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
</style>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("td").click(function (){
alert( $(this).parent().children().index($(this)));
});
});
</script>
</head><body style="text-align:left">
<table>
<tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
</table>
</body>jquery~