使用<a> clickable and respect tabbed browsing</a>创建表格单元格

Question

现在我正在进行td.click()然后window.location = td.find('a').attr('href')，但如果我点击制作新标签页则无效。

我无法以编程方式点击<a>。

有什么想法吗？

随意分享这个小提琴http://jsfiddle.net/uDQPr/

Answer 1

您可以让<a>填满整个单元格。这样，您就不需要任何其他JavaScript来处理click事件。将target="_blank"添加到<a>链接会使其始终在新标签页中打开（或者对于不支持标签页的浏览器，则会在新窗口中打开）。 http://jsfiddle.net/vTyAc/2/上的工作示例。

这是表格代码：

<table>
    <tr>
        <td>
            <a href="http://apple.com" target="_blank">Apple</a>
        </td>
        <td>
            <a href="http://youtube.com" target="_blank">YouTube</a>
        </td>
    </tr>
</table>

CSS：

td {
    border: 1px solid;
}
a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px
}
a:hover {
    text-decoration: underline;
}