日期:2014-05-16  浏览次数:20376 次

谁帮我解答一下,怎么获取<a>所在td的行和列



HTML code


<table>
 <tr>
   <td><a onClick="这里写函数怎么获取这个a所在td的行和列啊!">xxxx</a></td>
 </tr>
<tr>
   <td><a onClick="这里写函数怎么获取这个a所在td的行和列啊!">xxxx</a></td>
 </tr>
<tr>
   <td><a onClick="这里写函数怎么获取这个a所在td的行和列啊!">xxxx</a></td>
 </tr>
</table>




示意图很明显了。。。

------解决方案--------------------
HTML code

<script language="javascript" type="text/javascript">
    function getrowcol(o) {
        var otd = o.parentNode;
        var otr = otd.parentNode;
        var otable = document.getElementById("table1");

        for (var i = 0; i < otable.rows.length; i++) {
            if (otable.rows[i] == otr) { alert("第" + (i + 1) + "行"); break; }
        }
        for (var i = 0; i < otr.cells.length; i++) {
            if (otr.cells[i] == otd) { alert("第" + (i + 1) + "列"); break; }
        }
    }
</script>
 <table id="table1" border="1">
 <tr><td><a onclick="getrowcol(this)">clickme</a></td><td>sometext</td></tr>
 <tr><td>sometext</td><td><a onclick="getrowcol(this)">clickme</a></td></tr>
 </table>