jquery selector for td in a table

Question

i want to get a event that will fire when i click inside a td of a html table

i had this:

 ('td').live('click', function() {
            alert($(this).attr('id'));
        });

which works but this fires inside the 'th" cells as well (not sure why).

is there any selector that just fires inside td's and not th's. I tried this:

 ('tbody td').live('click', function() {
            alert($(this).attr('id'));
        });

but that didn't seems to stop this firing for the th's.

EDIT:

I figured out the issue.. the problem is that the whole table was inside another table so even the "th" was actually inside a "td" of a larger table.

The solution was to do this:

 $('table.calendar td').live('click', function() {
            alert($(this).attr('id'));
        });

Answer 1

If it's not done already, put your th in thead and your td in tbody :

<table>
  <thead>
    <tr>
      <th>my</th><th>title</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>my</td><td>content</td>
    </tr>
  </tbody>
</table>

Does this help ?

Answer 2

Your code works for me. What does your table look like?

Answer 3

I figured out the issue.. the problem is that the whole table was inside another table so even the "th" was actually inside a "td" of a larger table.

The solution was to do this:

$('table.calendar td').live('click', function() { alert($(this).attr('id')); });