テーブルã®è¡Œã”ã¨ãƒªãƒ³ã‚¯ã‚’クリック出æ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹ - ã‹ã¡ã³ã¨.netResult jQuery jQuery(function($) { //data-hrefã®å±žæ€§ã‚’æŒã¤trã‚’é¸æŠžã—classã«clickableã‚’ä»˜åŠ $('tr[data-href]').addClass('clickable') //クリックイベント .click(function(e) { //e.targetã¯ã‚¯ãƒªãƒƒã‚¯ã—ãŸè¦ç´ 自体ã€ãã‚ŒãŒaè¦ç´ 以外ã§ã‚れ㰠if(!$(e.target).is('a')){ //ãã®è¦ç´ ã®å…ˆç¥–è¦ç´ ã§ä¸€ç•ªè¿‘ã„trã® //data-href属性ã®å€¤ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹URLã«é·ç§»ã™ã‚‹ window.location = $(e.target).closest('tr').data('href');} }); }); css td, th { padding: 5px 10px; } thead th { background: #110303; color
w3c tutorial
uibox.in
{{#tags}}- {{label}}
{{/tags}}