jQuery - get table cell index on click

by katalin_2003

HTML

Click cell to get it's row and square indexes
<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
<div id="log"></div>

CSS

td {
    width:40px;
    height:40px;
    border:1px solid #CCC
}

JavaScript

$('td').click(function () {
    var sq = $(this).index(),
        row = $(this).parent().index();
    $('#log').text('Row Idx: ' + row + ' Square Idx: ' + sq);
});