如何确定tr在tbody中的第几行

Question

<table>
<tbody>
<tr><td><input type="text" name="a"></td></tr>
<tr><td><input type="text" name="b" onclick=alert(parseInt(this.parentNode.parentNode.rowIndex)+parseInt(1))></td></tr>
<tr><td><input type="text" name="c"></td></tr>
<tr><td><input type="text" name="d"></td></tr>
<tr><td><input type="text" name="e"></td></tr>
</tbody>
</table>

Answer 1

如果有很多tbody，可以这样<table>
<tbody>
<tr><td><input type="text" name="a"></td></tr>
<tr><td><input type="text" name="b" onclick="alert(getIndex(this))"></td></tr>
<tr><td><input type="text" name="c"></td></tr>
<tr><td><input type="text" name="d"></td></tr>
<tr><td><input type="text" name="e"></td></tr>
</tbody>
<tbody>
<tr><td><input type="text" name="a"></td></tr>
<tr><td><input type="text" name="b" onclick="alert(getIndex(this))"></td></tr>
<tr><td><input type="text" name="c"></td></tr>
<tr><td><input type="text" name="d"></td></tr>
<tr><td><input type="text" name="e"></td></tr>
</tbody>
</table>
<script language="javascript">
<!--
function getIndex(o){

while(!o.tagName || (o.tagName && o.tagName.toLowerCase() != "tbody" ) )
{
if( o.tagName.toLowerCase() == "tr" )
tr = o;
o = o.parentNode;
}
for(i=0;i<o.childNodes.length;i++)
{
if( o.childNodes[i] == tr )
return i+1;
}
}
//-->
</script>