Question

I have the following table mark up

<table>
 <tr>
  <td>
   <checkbox />
  </td>
  <td id="delete">

  </td>  
 </tr>
 <tr>
  <td>
   <checkbox />
  </td>
  <td id="delete">

  </td>  
 </tr>
</table>

What I want to achieve is –
When a user clicks a checkbox in one of the columns, I want to add a class to the column (id of delete) in the same row. How can I achieve this? The column may not be in the column beside the checkbox.

Answer 1

Firstly you should use class of delete as id attributes must be unique, then something like this should work:

$('input[type="checkbox"]').change(function() {
    $(this).closest('td').siblings('.delete').addClass('foo');
});