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

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 onclick="window.location='#';">
   ...</tr>

在完成任务时，您可能希望使用JavaScript在HTML之外分配单击处理程序。

Answer 2

你可以在每个<td>，就像这样：

<tr>
  <td><a href="#">Blah Blah</a></td>
  <td><a href="#">1234567</a></td>
  <td><a href="#">more text</a></td></tr>

然后你可以用display:block;在锚上使整排可点击。

tr:hover { 
   background: red; }td a { 
   display: block; 
   border: 1px solid black;
   padding: 16px; }

这里的例子是jsFiddle。

除非您求助于JavaScript，否则这可能是最优的，因为您将得到它。