小编典典

链接整个表格行?

css

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

.tableClass td a{
   display: block;
}

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


阅读 304

收藏
2020-05-16

共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 */
}
2020-05-16