Js中如何获取当前Table中的第几行?Sos,帮帮我这个小娃娃吧.
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Js中如何获取当前Table中的第几行?Sos,帮帮我这个小娃娃吧.相关的知识，希望对你有一定的参考价值。
<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.
<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> 参考技术A 在table里面做个隐藏域，值为当前行数，让js去取 参考技术B <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> 参考技术C 传递参数。 参考技术D 你好歹给个ID,TITLE,CLASS什么的,啥都没有怎么找得到.
jq获取当前点击的li是ul中的第几个？
<script>
var navulsize = $(‘.navul li‘).size();
var navulwidth = $(‘.navul li‘).width();
var allwidth = navulwidth*navulsize;
$(‘.navul‘).width(allwidth);
$(‘.navul li‘).click(function(){
var index = $(this).index();//获取当前点击的li是ul中的第几个
var indexur = ‘#‘ + index;
var indexurl = $(this).children(‘a‘).attr(‘href‘);
var hehref = indexurl + indexur;
var data = $(this).attr(‘data‘);
$(this).children(‘a‘).attr(‘href‘,hehref);
$(data).show().siblings(‘.gengxinbox‘).hide();
$(this).addClass(‘liactive‘).siblings(‘li‘).removeClass(‘liactive‘);
var endhref = $(this).children(‘a‘).attr(‘href‘);
var parsenum = parseInt(endhref.replace(/[^0-9]/ig,""));//jq提取字符串中的数字
alert(endhref);
});
</script>
以上是关于Js中如何获取当前Table中的第几行?Sos,帮帮我这个小娃娃吧.的主要内容，如果未能解决你的问题，请参考以下文章