【jQuery】テーブルの行をリンクにする方法

たまに使うので忘れないようにメモ。

参考サイト

少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする – かちびと.net

もっと少量のjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする方法 | THE HAM MEDIA BLOG

ソース

JS:
jQuery(function($) {
  $('tr[data-href]').addClass('clickable')
    .click(function(e) {
      if(!$(e.target).is('a')){
        window.location = $(e.target).closest('tr').data('href');
      };
  });
});
HTML:
<table>
  <tr data-href="[リンクURL]"><td>テキストテキスト</td></tr>
</table>

投稿者: Output48

中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。 ベンチャー企業の営業、大手企業のPG・SEを経て、独立。 現在はとある企業のCTOと、変な名前の会社の社長をしてる。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください