使表格单元格具有<a>可点击和尊重选项卡式浏览

Question

现在我做的是td.click()，然后是window.location = td.find('a').attr('href')，但它不起作用，如果我点击创建一个新的选项卡

和我不能编程点击<a>。

任何想法?

随意fork这个小提琴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;
}