如何将整个<tr>变成一个链接

Question

我有以下代码:

<table>
<tr>
    <td><a href="#">some text</a></td>
    <td>some more text</td>
</tr>
</table>

我试图将这个表的整行变成一个超链接,但我不想使用JavaScript鼠标事件,因为我被限制使用JavaScript.我尝试过使用CSS但只找到了通过以下方式将个人变成超链接的方法:有a href style="display block;"没有人知道用css方法将整行变成超链接？

Answer 1

不,您不能将元素/字段转换为仅具有CSS的可点击链接跟随元素/字段.您需要在TR内的每个标题/单元格中包含一个ANCHOR(并将ANCHOR设置为display: block可以单击整个单元格),或者使用Javascript使您的TR或TR TH/TD可以单击/关注到浏览器.

示例(ANCHOR方法):

http://jsfiddle.net/userdude/V9kj5/1/

tr a {
    display: block;
}
tr td {
    border: 1px solid #ddd;
    width: 200px;
}

<table>
<tr>
    <td><a href="http://www.google.com" target="_google">some text</a></td>
    <td>some more text</td>
</tr>
<tr>
    <td><a href="http://www.google.com" target="_google">some text</a></td>
    <td><a href="http://www.google.com" target="_google">some more text</a></td>
</tr>
</table>