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

ちょっとしたコードの解説 せっかくなので、どういうコードなのかというのを、さらっとみましょう。 jQuery(function($) { //data-hrefの属性を持つtrを選択しclassにclickableを付加 $('tbody tr[data-href]').addClass('clickable') //ata-hrefの属性を持つtrをクリックしたら動作 .click( function() { //data-href属性の値をattr()メソッドで取得し、ページを遷移させる window.location = $(this).attr('data-href'); //もしtr内にa要素があれば、a要素にホバーした時に以下動作させる }).find('a').hover( function() { //a要素の先祖要素trのクリックイベントを解除 $(this).paren

[kgcrz2]

“jQuery(function($) { $('tr[data-href]').addClass('clickable') .click(function(e) { if(!$(e.target).is('a')){ window.location = $(e.target).closest('tr').data('href'); }; }); });”

[webstrategist]

“attr()メソッド”

[jed_lee]

ほんの少しのTIPSと勉強用に。

[u1tnk]

シンプル

[juner]

メモ:もっと少量のjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする方法

[kachibito]

改善ありがとうです:) でもIE7でhover時に列にカラーがつかないようです。/id:ahomu あれれ、それは失礼しましたｗ