Question

I have a html table with 4 tablecells:
1: Checkbox
2. label
3. textbox
4. label

Once I click on the checkbox, a jquery function fires, but im trying to get the values next to the checkbox. I have tried below, but nothing works. I know I am close. Any help would be very much appreciated.

$(this).next()
$(this).nextSibling
$(this).nextSibling.childNodes[0]


 <table id="MainContent_cockpitTable" style="width:80%;">
  <tr>
<td>
      <input id="MainContent_check_FLIGHT DECK1" type="checkbox" checked="checked"/>    
    </td>
     <td>Pilot</td>
     <td><input "type="text" value="86.2" maxlength="10" id="MainContent_input_FLIGHT DECK_weight1" />
     </td>
     <td><span id="MainContent_input_FLIGHT DECK_arm1" style="display:inline-block;width:50px;">255.0</span></td>
</tr>
 </table>

Answer 1

Working demo http://jsfiddle.net/suSkb/

Your case specific demo http://jsfiddle.net/7nyn8/

Please note: classes can have spaces but not id and id should be unique.

Hope it fits your cause :)

Code

$('.hulk').click(function(e) {
    alert($(this).parents('tr').html());
     alert('Lable HTML = > ' + $(this).parents('tr').find('lable').text())   
});
​

further

$('.hulk').click(function() {
    alert($(this).parents('tr').html());
    alert('Pilot here:=> ' + $(this).parent().next().html());
    alert('Lable HTML = > ' + $(this).parents('tr').find('span').text())
});​