少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする

列全体がクリック可能で、Wikipediaに飛びます。セル内にアンカータグが含まれている場合はそちらが優先されます。Webサービスの料金プランなんかに使えそうでは。 jQuery( function($) { $('tbody tr[data-href]').addClass('clickable').click( function() { window.location = $(this).attr('data-href'); }).find('a').hover( function() { $(this).parents('tr').unbind('click'); }, function() { $(this).parents('tr').click( function() { window.location = $(this).attr('data-href'); }); });

[kobake]

table link

[unitedstyle]

テーブルタグ

[kuri96]

テーブルタグ

[okanoao]

少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする

[attoku]

行でなくて？

[lucky09]

web

[adsty]

列全体がクリック可能で、セル内にアンカータグが含まれている場合はそちらが優先される。

[Leigh]

これはいいな！

[itouou]

jQuery

[mei_koutsuki]

これ便利だなぁ

[pefusan]

　IE6は動作しない。

[kams3261]

少しのjQueryコードでHTMLテーブルの列にリンク先を指定

[monomoti]

同様の事を以前やった。これで良かったんだと、ちょっと安心した。

[matuix]

HTMLテーブルの列そのものにリンクを指定できるようにする、というもの

[fclout]

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

[sionsou]

あああああぁ・・もっと速く知っていれば・・・ｏｒｚ

[ku_marin]

すてき

[aopuu]

いいなこれ…｜ぶくま：少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする - かちびと.net

[otchy210]

data-* いいよね。jQuery Mobile もそうだけど、こういう使い方が今後どんどん増えていきそうだ。

[nors]

http://thephuse.com/design-and-usability/clickable-table-rows-with-jquery/

[Donca]

✔ 少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする