js如何找到td在tr中的第几位
解决方案 »
- 如何使iframe内容链接不跳出?
- 如何改 年份显示2012 PS:需要函数返回值
- ckeditor复制到MyEclipse中出现红色打叉图标!
- 如何在asp.net网页中自做讯播播放器来看电影
- 请Extjs高手指点啊!为什么没有css效果!!愁死了!
- 在IE6中没错, 在IE 7 中 提示 类不能支持 Automation 操作
- 如何固定小数的位数?
- if ((你遇到过这样的问题)||(你javascript很强)) {请指教} else {请共同探讨}
- 紧急求救!如何用实现隐藏当前窗口的菜单、地址栏和按钮栏?(在线等待!)
- 请问新浪的邮局发信的广告的由大变小的效果如何做阿?
- 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~