4

我一直在使用不同的方式来显示数据，并且一直在研究从表格中取出实际数据并将其显示在 UL 中。这让我可以更灵活地处理加价。

但是，我正在考虑一个问题-如何使行（或在这种情况下为 UL）可单击？

我不想使用任何 JavaScript，所以我的第一个想法是这样的：

<div class="liTable">
<ul class="headerRow">
    <li class="cell col-1">title1</li>
    <li class="cell col-2">title2</li>
    <li class="cell col-3">title3</li>
    <li class="cell col-3">title4</li>
</ul>
<a href=”myURL”&gt;
    <ul class="row">
        <li class="cell col-1">1</li>
        <li class="cell col-2">2</li>
        <li class="cell col-3">3</li>
        <li class="cell col-3">4</li>
    </ul>
</a></div>

但是这个标记是非法的，因为你不能放置 ul 的内部链接。

关于最佳实践的任何想法或建议？

4

1 回答 1

0

请将表格数据放入表格，将数据放入列表，毕竟这就是它们的用途。

您可以通过添加使任何元素调用 URL

 onclick="location.href='http://www.example.com';"

到标签，但请注意，没有右键单击选项，您需要设置元素的样式以使其明显是一个链接。

你可以在这里测试它：http: //jsfiddle.net/WguUR/

但是像这样将表格字段的内容用“a”括起来还不够吗？

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td><a href="http://www.example.com">January</a></td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>
于 2013-03-21T14:13:14.413 回答