Получить первый столбец строки, используя jQuery

Question

Разметка

<TABLE id=tblRoleHdr>
    <TBODY>
        <TR>
            <TD style="WIDTH: 1%"><INPUT id=rptParent_chkRoleHdr_0 class=1 type=checkbox name=rptParent$ctl00$chkRoleHdr jQuery1323238445410="2"> </TD>
            <TD style="WIDTH: 50%"><INPUT id=rptParent_hidRoleID_0 value=1 type=hidden name=rptParent$ctl00$hidRoleID> <SPAN id=rptParent_lblRole_0>Admin</SPAN> </TD>
            <TD style="WIDTH: 1%"><INPUT id=rptParent_chkP1Hdr_0 class=Group1ColumnHdr1 type=checkbox name=rptParent$ctl00$chkP1Hdr group_role="1" jQuery1323238445410="4"> </TD>
            <TD style="WIDTH: 1%"><INPUT id=rptParent_chkP2Hdr_0 class=Group1ColumnHdr2 type=checkbox name=rptParent$ctl00$chkP2Hdr group_role="1" jQuery1323238445410="6"> </TD>
            <TD style="WIDTH: 1%"><INPUT id=rptParent_chkP3Hdr_0 class=Group1ColumnHdr3 type=checkbox name=rptParent$ctl00$chkP3Hdr group_role="1" jQuery1323238445410="8"> </TD>
        </TR>
    </TBODY>
</TABLE>

JQuery

$("input[type='checkbox']").click(function () { ... });

Задача

Если я нажму на флажки, имеющие class=GroupXColumnHdrY, где X и Y - числа, я хочу перейти к первому столбцу строки и получить флажок class из rptParent_chkRoleHdr_0. Как я могу сделать это с помощью jQuery?

Answer 1

$('#tblRoleHdr').find('[type="checkbox"]').filter('[class^="Group"]').bind('click', function () {
    var the_class = $(this).closest('tr').children().eq(0).children().attr('class');
    //console.log(the_class);
});

Вот jsfiddle: http://jsfiddle.net/fFCEr/