javascript - 使用可点击和尊重选项卡式浏览制作表格单元格

Question

现在我正在做一个td.click()然后window.location = td.find('a').attr('href')，但如果我点击创建一个新标签，它就不起作用。

而且我无法以编程方式单击<a>.

有任何想法吗？

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

Answer 1

你可以<a>填满整个单元格。这样，您就不需要任何额外的 JavaScript 来处理点击事件。添加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;
}