jquery - 使用 jQuery 使表格行 (tr) 可点击(使用 a href 链接，然后悬停!？)

Question

只是一个(希望)简单的问题，我有以下 HTML 代码:

<tr>
 <td><img src="img/icons/file_pdf.png"></td>
 <td><a href="../upload/1267473577.pdf">Bulletin 1st March 2010</a></td>
 <td>(01/03/10)</td>
</tr>

理想情况下，我想要一种使用 jQuery 获取 a href 链接的方法，这样无论您在何处单击该特定表格行，它都会将您带到该链接。

有什么办法可以做到这一点吗？我可以通过讨厌的内联 JavaScript 来完成此操作，作为绝对的最后手段，但自从了解 jQuery 后，我非常喜欢能够干净且不引人注目地完成此操作的想法:-)

Answer 1

假设它是一个“正常”链接(不是 Javascript 触发器)，这就足够了:

$("tr").click(function() {
  window.location.href = $(this).find("a").attr("href");
});

您可能希望以某种方式将此行为传达给用户。最小的方法是将鼠标悬停在行上时更改光标。