Js中如何获取当前Table中的第几行?Sos,帮帮我这个小娃娃吧.
<tableID="TbDate"><tr><td>1</td><td>触发Delete()方法</td></tr><tr><td>3</td><td>触发Delete(...
<table ID="TbDate">
<tr>
<td>1</td><td>触发Delete()方法</td>
</tr>
<tr>
<td>3</td><td>触发Delete()方法</td>
<tr>
</tr>
<td>5</td><td>触发Delete()方法</td>
</tr>
</table>
比如这上面格式的表三行二列,'触发Delete()方法'表示触发Js中的Delete方法的按扭,问题是:当我单击'触发Delete()方法'的时候,我想找到当前TR的第一个<td>中的值,Js中Delete()只有一个供这Table用调用,也就说是每一行中的'触发Delete()方法'都一样.
如何做?
Table中的Tr,td都没有ID. 展开
<tr>
<td>1</td><td>触发Delete()方法</td>
</tr>
<tr>
<td>3</td><td>触发Delete()方法</td>
<tr>
</tr>
<td>5</td><td>触发Delete()方法</td>
</tr>
</table>
比如这上面格式的表三行二列,'触发Delete()方法'表示触发Js中的Delete方法的按扭,问题是:当我单击'触发Delete()方法'的时候,我想找到当前TR的第一个<td>中的值,Js中Delete()只有一个供这Table用调用,也就说是每一行中的'触发Delete()方法'都一样.
如何做?
Table中的Tr,td都没有ID. 展开
展开全部
<html>
<head>
<title>Table Test</title>
<meta name="generator" content="Editplus" />
<meta name="author" content="PJ" />
<script language="JavaScript">
<!--
function Delete()
{
var dgTable=document.getElementById('tb').rows;//tb为table的ID,
var pp=window.event.srcElement;
for (var i=0; i < dgTable.length; i++) //遍历table的行,
{
if(pp==dgTable[i].cells[2].getElementsByTagName("A")[0]) //cells[2]为触发事件的列的索引
{ //判断是否是触发事件的A标签
alert(dgTable[i].cells[0].innerText); //演示,弹出所在行的第一列的内容
}
}
}
//-->
</script>
</head>
<body>
<table id="tb" border="1px" width="500px">
<tr>
<td width="40%">aaa</td>
<td width="40%">bbb</td>
<td width="15%"><a onclick="Delete()" href="#">delete</a></td>
</tr>
<tr>
<td>ccc</td>
<td>ddd</td>
<td><a onclick="Delete()" href="#">delete</a></td>
</tr>
<tr>
<td>eee</td>
<td>fff</td>
<td><a onclick="Delete()" href="#">delete</a></td>
</tr>
</table>
</body>
</html>
<head>
<title>Table Test</title>
<meta name="generator" content="Editplus" />
<meta name="author" content="PJ" />
<script language="JavaScript">
<!--
function Delete()
{
var dgTable=document.getElementById('tb').rows;//tb为table的ID,
var pp=window.event.srcElement;
for (var i=0; i < dgTable.length; i++) //遍历table的行,
{
if(pp==dgTable[i].cells[2].getElementsByTagName("A")[0]) //cells[2]为触发事件的列的索引
{ //判断是否是触发事件的A标签
alert(dgTable[i].cells[0].innerText); //演示,弹出所在行的第一列的内容
}
}
}
//-->
</script>
</head>
<body>
<table id="tb" border="1px" width="500px">
<tr>
<td width="40%">aaa</td>
<td width="40%">bbb</td>
<td width="15%"><a onclick="Delete()" href="#">delete</a></td>
</tr>
<tr>
<td>ccc</td>
<td>ddd</td>
<td><a onclick="Delete()" href="#">delete</a></td>
</tr>
<tr>
<td>eee</td>
<td>fff</td>
<td><a onclick="Delete()" href="#">delete</a></td>
</tr>
</table>
</body>
</html>
展开全部
在table里面做个隐藏域,值为当前行数,让js去取
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<script type="text/javascript">
function doDelete(objTD)
{
window.alert(objTD.parentNode.childNodes[0].innerHTML);
}
</script>
<table ID="TbDate">
<tr>
<td>1</td><td onclick="doDelete(this);">触发Delete()方法</td>
</tr>
<tr>
<td>3</td><td onclick="doDelete(this);">触发Delete()方法</td>
<tr>
</tr>
<td>5</td><td onclick="doDelete(this);">触发Delete()方法</td>
</tr>
</table>
function doDelete(objTD)
{
window.alert(objTD.parentNode.childNodes[0].innerHTML);
}
</script>
<table ID="TbDate">
<tr>
<td>1</td><td onclick="doDelete(this);">触发Delete()方法</td>
</tr>
<tr>
<td>3</td><td onclick="doDelete(this);">触发Delete()方法</td>
<tr>
</tr>
<td>5</td><td onclick="doDelete(this);">触发Delete()方法</td>
</tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
传递参数。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你好歹给个ID,TITLE,CLASS什么的,啥都没有怎么找得到.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询