用jQuery创建一个表行(tr)可点击(带有一个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获取一个href链接并使其无论你在哪个点击特定的表行,它都会带你到那个链接.

有没有办法做到这一点？我可以通过icky内联JavaScript作为绝对的最后手段来做到这一点,但是因为发现了jQuery我非常喜欢能够干净利落地做到这一点的想法:-)

Answer 1

假设它是一个"普通"链接(不是Javascript触发器),这就足够了:

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

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

Answer 2

我发现这个解决方案对我很有效。

$('table tr').live("click",function(e){ 
    if (e.target instanceof HTMLInputElement || e.target instanceof HTMLAnchorElement){
        return;
        }
        alert('works');
});