javascript - クリック可能なテーブルセルを作成し、タブブラウジングを尊重する

Question

現在、td.click()and thenを実行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;
}