table中的某个单元格中有一个button,当点击该button时,怎样得到它所在的单元格是在table的第几行中?

Question

<script>
function test(){
cell=event.srcElement.parentElement;
while(cell.tagName!="TD")cell=cell.parentElement;
row=cell.parentElement;
alert('第'+(row.rowIndex+1)+'行'+(cell.cellIndex+1)+'列')
}
</script>
<table border="1" width="200">
<tr><td>11</td><td>12</td><td>13</td></tr>
<tr><td>21</td><td>22</td><td>23<span><div><button onClick="test()">test</button></div></span></td></tr>
<tr><td>31</td><td>32</td><td>33</td></tr>
</table>

Answer 1

var cell = event.srcElement.parentElement
var rowIndex = cell.parentElement.rowIndex