【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に触れてからホームページ制作を独学で始める。 ベンチャー企業の営業、大手企業のSEを経て、独立。 ここ数年はWEB以外の仕事をしていたため、割と本気で勉強中。

コメントを残す

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