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/

使用jQuery获取行的第一列

1 个答案: