title: Get first column of a row using jQuery
body: <p>Markup  </p>
  
  <pre><code>&lt;TABLE id=tblRoleHdr&gt;
      &lt;TBODY&gt;
          &lt;TR&gt;
              &lt;TD style="WIDTH: 1%"&gt;&lt;INPUT id=rptParent_chkRoleHdr_0 class=1 type=checkbox name=rptParent$ctl00$chkRoleHdr jQuery1323238445410="2"&gt; &lt;/TD&gt;
              &lt;TD style="WIDTH: 50%"&gt;&lt;INPUT id=rptParent_hidRoleID_0 value=1 type=hidden name=rptParent$ctl00$hidRoleID&gt; &lt;SPAN id=rptParent_lblRole_0&gt;Admin&lt;/SPAN&gt; &lt;/TD&gt;
              &lt;TD style="WIDTH: 1%"&gt;&lt;INPUT id=rptParent_chkP1Hdr_0 class=Group1ColumnHdr1 type=checkbox name=rptParent$ctl00$chkP1Hdr group_role="1" jQuery1323238445410="4"&gt; &lt;/TD&gt;
              &lt;TD style="WIDTH: 1%"&gt;&lt;INPUT id=rptParent_chkP2Hdr_0 class=Group1ColumnHdr2 type=checkbox name=rptParent$ctl00$chkP2Hdr group_role="1" jQuery1323238445410="6"&gt; &lt;/TD&gt;
              &lt;TD style="WIDTH: 1%"&gt;&lt;INPUT id=rptParent_chkP3Hdr_0 class=Group1ColumnHdr3 type=checkbox name=rptParent$ctl00$chkP3Hdr group_role="1" jQuery1323238445410="8"&gt; &lt;/TD&gt;
          &lt;/TR&gt;
      &lt;/TBODY&gt;
  &lt;/TABLE&gt;
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$("input[type='checkbox']").click(function () { ... });
  </code></pre>
  
  <p>Task</p>
  
  <p>If I click on the check boxes having <code>class=GroupXColumnHdrY</code> where X and Y are numbers, I want to go to the first column of the row and retrieve the <code>class</code> of <code>rptParent_chkRoleHdr_0</code> check box. How can I do it using jQuery ?</p>