javascript - 获取表格行中 tds onclick 的从零开始的索引

Question

嗨有一个有很多行的表

第一行有<th>s 然后所有以下行都包含<td>s

如果我使用下面的脚本并单击其中包含<td>s 的第一行，我会收到一个警报，说 1。我如何让它说零而不减去一个。我认为使用“has(td)”会起作用吗？

$('td').click(function(){

   var s = $(this).parents('table tr:has(td)').index();
   alert(s);

});

<table border="1" width="400px" height="200px">
    <tr>
        <th></th><th></th><th></th><th></th><th></th>
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td><td></td> if I click here it must alert 0
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td><td></td> if I click here it must alert 1
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td><td></td> if I click here it must alert 2
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td><td></td> if I click here it must alert 3
    </tr>
    <tr>
        <td></td><td></td><td></td><td></td><td></td> if I click here it must alert 4
    </tr>

</table>

Answer 1

传递 a 选择器.index()以过滤掉兄弟姐妹

$('td').click(function(){
    var s = $(this).parent().index('tr:has(td)');
    alert(s);
});​

http://jsfiddle.net/nAhE3/