td:hover {\r\n background-color: #ff0000;\r\n}<\/code><\/pre>\n<\/div>\n\u3068\u304b\u3042\u308b\u3068\u601d\u3046\u306e\u3067\u3059\u304c\u3001rowspan\u3068\u304b\u3067\u7d50\u5408\u3057\u3066\u308b\u3068\u304d\u306b\u4f7f\u3048\u308b\u6642\u304c\u3042\u308b\u306e\u304c\u3053\u308c\u3067\u3059\u3002
\n\u4f7f\u3048\u306a\u3044\u6642\u3082\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u3053\u3046\u3044\u3046\u98a8\u306b\u3084\u308a\u305f\u3044\u3068\u304d\u306b\u6709\u52b9\u3067\u3059\u3002![\"\"](\"http:\/\/genicca.wp.xdomain.jp\/wp-content\/uploads\/2022\/02\/hoverimg.png\")
<\/p>\n
\n<table>\r\n <tbody>\r\n <tr>\r\n <td rowspan=\"3\">Alphabet<\/td>\r\n <td rowspan=\"2\">a<\/td>\r\n <td>b<\/td>\r\n <td>c<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>d<\/td>\r\n <td>e<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>f<\/td>\r\n <td>g<\/td>\r\n <td>h<\/td>\r\n <\/tr>\r\n <tr>\r\n <td rowspan=\"3\">Number<\/td>\r\n <td>1<\/td>\r\n <td>2<\/td>\r\n <td>3<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>4<\/td>\r\n <td>5<\/td>\r\n <td>6<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>7<\/td>\r\n <td>8<\/td>\r\n <td>9<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n<\/table><\/code><\/pre>\n<\/div>\n\n$(\"td\").hover(function() { $el = $(this); $el.parent().addClass(\"hover\");if ($el.parent().has('td[rowspan]').length == 0) $el .parent() .prevAll('tr:has(td[rowspan]):first') .find('td[rowspan]') .addClass(\"hover\"); }, function() { $el .parent() .removeClass(\"hover\") .prevAll('tr:has(td[rowspan]):first') .find('td[rowspan]') .removeClass(\"hover\"); });<\/code><\/pre>\n<\/div>\n\n.hover { background: red; }<\/code><\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"\u30c6\u30fc\u30d6\u30eb\u30bb\u30eb\u3092hover\u3057\u3066\u8272\u3092\u4ed8\u3051\u308b\u6642\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3068\u3057\u3066\u3001 td:hover { background-color: #ff0000; } \u3068\u304b\u3042\u308b\u3068\u601d\u3046\u306e\u3067\u3059\u304c\u3001rowspan\u3068\u304b\u3067\u7d50\u5408\u3057\u3066\u308b\u3068\u304d\u306b\u4f7f\u3048\u308b\u6642\u304c\u3042\u308b\u306e\u304c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-440","post","type-post","status-publish","format-standard","hentry","category-js"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts\/440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=440"}],"version-history":[{"count":6,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts\/440\/revisions"}],"predecessor-version":[{"id":504,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts\/440\/revisions\/504"}],"wp:attachment":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}