jquery - 使用 jQuery 突出显示多行

Question

我正在整理一个简洁的jQuery matrix因为我很难在 jQuery 网站上浏览，而且备忘单似乎也没有提供我想要的东西。

以下是我突出显示行的方法:

$('.eq').hover(function() {
    $('.eq').toggleClass('highlight');
});
$('.is').hover(function() {
    $('.is').toggleClass('highlight');
});

问:如何编写一个函数来表示“切换与悬停在同一类中的所有内容”？像这样的东西:

function toggle(that){
    $(that.className).toggleClass('highlight');
}

Answer 1

你知道吗tables can have multiple tbody elements ？

只需将行集包装在单独的 tbody 元素中即可。然后我们可以使用:

$('tbody').hover(function() {
    $(this).toggleClass('highlight');
});

在较新的浏览器中，可以仅使用 CSS 来完成:

tbody {
    /* Normal style */
}

tbody:hover {
    /* Highlighted style */
}