表中的td的jquery选择器

时间:2010-05-20 16:05:50

标签: jquery jquery-selectors

我希望得到一个事件,当我在html表格的td内点击时会触发该事件

我有这个:

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

哪个有效,但这也会在'th'细胞内发射(不确定原因)。

是否有任何选择器只能在td内部而不是th。我试过这个:

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

但是这似乎并没有阻止这次射击。

编辑:

我想出了问题..问题是整个表都在另一个表中,所以即使是“th”实际上是在一个更大的表的“td”内。

解决方案是这样做:

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

2 个答案:

答案 0 :(得分:1)

我想出了这个问题。问题是整个表位于另一个表中,所以即使“ th ”实际上位于较大表的“ td ”内。

解决方案是这样做:

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

答案 1 :(得分:0)

如果尚未完成,请将th放入thead,将td放入tbody

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

这有帮助吗?