jQuery:调用表格单元格的<a />子元素

Question

是否可以添加一个jQuery函数,以便表格单元格中的单击将调用隐藏的<a href="javascript: ..."/>元素(即TD的后代)？

我试过了

$('#table td').click(function(){$(this).find('a').click();});

其他变种,但没有运气.

--larsw

Answer 1

为什么不将JavaScript代码移出href属性并进入点击事件？jQuery被用来编写不引人注目的JavaScript.

编辑:

不,但实际上,考虑删除那些隐藏的链接,而不是不引人注目的JavaScript.以下是Corey重写示例的相关部分:

JS:

  $(document).ready(function() {
    $('table td').click(function(event) {
      alert($(this).html())
    })
  })

HTML:

<table border="1">
  <tr>
    <td>a1</td>
    <td>a2</td>
  </tr>
  <tr>
    <td>b1</td>
    <td>b2</td>
  </tr>
</table>