链接整个表格行？

Question

我知道可以用CSS链接整个表单元格。

.tableClass td a{
   display: block;
}

有没有办法将链接应用于整个表行？

Answer 1

我同意Matti的观点。使用一些简单的javascript会很容易。一个快速的jquery示例如下所示：

<tr>
  <td><a href="http://www.example.com/">example</a></td>
  <td>another cell</td>
  <td>one more</td>
</tr>

和

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

然后在您的CSS中

tr.hover {
   cursor: pointer;
   /* whatever other hover styles you want */
}