html - 链接整个表行？

<分区>

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

.tableClass td a{
   display: block;
}

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

最佳答案

我同意 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 */
}

关于html - 链接整个表行？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4904938/

相关文章：

javascript - 将 PNG 分层(HTML5、JS)