如何使表中的整行可作为链接单击？

Question

如何使表中的整行可作为链接单击？

我使用的是Bootstrap，以下内容不起作用：

<tbody>
    <a href="#">
        <tr>
            <td>Blah Blah</td>
            <td>1234567</td>
            <td>£158,000</td>
        </tr>
    </a></tbody>

Answer 1

你不能那样做。它是无效的HTML。你不能把<a>介于<tbody>和一个<tr>..试一试：<tr&nbsp;onclick="window.location='#';"> &nbsp;&nbsp;&nbsp;...</tr>在完成任务时，您可能希望使用JavaScript在HTML之外分配单击处理程序。

Answer 2

你可以在每个<td>，就像这样：<tr> &nbsp;&nbsp;<td><a&nbsp;href="#">Blah&nbsp;Blah</a></td> &nbsp;&nbsp;<td><a&nbsp;href="#">1234567</a></td> &nbsp;&nbsp;<td><a&nbsp;href="#">more&nbsp;text</a></td></tr>然后你可以用display:block;在锚上使整排可点击。tr:hover&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;background:&nbsp;red;&nbsp;}td&nbsp;a&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;display:&nbsp;block;&nbsp; &nbsp;&nbsp;&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;black; &nbsp;&nbsp;&nbsp;padding:&nbsp;16px;&nbsp;}这里的例子是jsFiddle。除非您求助于JavaScript，否则这可能是最优的，因为您将得到它。