我有一个很大的表,按如下所示的data
属性分组:
<table>
<tr data-group="666"><td></td></tr>
<tr data-group="666"><td></td></tr>
<tr data-group="2"><td></td></tr>
<tr data-group="2"><td></td></tr>
<tr data-group="XXXX"><td></td></tr>
<tr data-group="XXXX"><td></td></tr>
</table>
我事先不知道可能组的值(可能超过 50 个组)。它们是动态生成的。
现在我正在使用 jQuery 来创建悬停高亮效果,但速度有点慢。我想知道是否有任何方法可以使用 CSS 来实现。
这就是我现在正在使用的:
$('tr').live('hover', function() {
$('tr[data-group="'+$(this).data('group')+ '"]').toggleClass('hover');
});
工作演示:http: //jsfiddle.net/MW69S/