jquery在table中,当鼠标在td内单击时, 如何知道自己是单击的哪一行的第一个单元格?

Question

如
<table>
<tr><th>title_1<th><th>title_2<th><th>title_3<th><th>title_4<th><th>title_5<th><th>title_6<th></tr>
<tr><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td></tr>
<tr><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td></tr>
<tr><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td></tr>
<tr><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td></tr>
<tr><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td></tr>
<tr><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td><td><input type='text'/></td></tr>
如上HTML代码所示, 当我在其中一个input中单击时, 如何知道该input是位于表格中的第几行,或第几列?
也就是,当我在表格中第三行第二列中单击时,弹出一个对说框: rowId:3   colId:2

Answer 1

$(function(){
    $("input").click(function (){ 
        var tr = $(this).parent().parent();
        var col = tr.children().index($(this).parent())+1; 
        var row = tr.parent().children().index(tr);
        alert("row: " +row +"          col: "+col);    
    }); 
});