jquery - 使用 jQuery 使 TR 可从 TR 内的锚点 a 中单击

Question

我有一个看起来像这样的表：

<table id=reportTbl>
  <tbody>
    <tr>
      <td>
        <table id=list>
          <tbody>
            <tr>
              <td>
                <a title="View Report" onclick="viewReport(123);"><img src="../images/report/icon_pdf.gif" border="0"></a>
              </td>
              <td>Customer Orders</td>
              <td>USA</td>
              <td>Jul 20 2012 3:32PM</td>
            </tr>
            .....

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

我想让表格中的整个表格行都#list可以点击。我想添加

$('#reportTbl #list a').each( function() {
  // I have other code in this section 
  // ....
  // end other section     

  $(this).closest('tr').click( function() { $(this).find('a[title="View Report"]').click(); });
});

但是当我单击该行时，我只是不断打开#list表格中所有链接的窗口。我尝试了一堆不同类型的 jQuery 调用，它们都做同样的事情。

Answer 1

$('#list').on('click', 'tr', function(e) {

    if ( e.target.tagName.toLowerCase() !== 'a' ) {

        $('a[title="View Report"]', this).click();
    }
});​