jquery - 通过选择多个 td 类在悬停时添加和删除类？

Question

有人可以帮我我的网站是：zenart website。应该发生的是在表格的每一列中添加一个悬停时的突出显示类。我已经为每个对应的每个 td 添加了相同的类以制作列。

这是我的 jQuery 代码：

$(document).ready(function() {          
var a = $

a('.column1, .column2, .column3, .column4, .column5').hover(
   function(){ a(this).addClass('highlight') },
   function(){ a(this).removeClass('highlight') })  
});

Answer 1

我看到你的类名是1column而不是column1..所以选择器应该是

 a('.1column, .2column, .3column, .4column, .5column').hover({....

Answer 2

$("[class*=column]").hover( function() {

指定每个元素可能很困难。您可以*=匹配该元素的类与column.

Answer 3

你可以试试这个：

$('nav li').hover(function(){
   $(this).addClass('highlight');
},function(){
   $(this).removeClass('highlight');
});

Answer 4

这应该适合你。您必须从所有类中提取类的名称并查看xcolumn当前选择了哪个类。然后将样式应用于该类。

$(".1column, .2column, .3column, .4column, .5column").hover(
        function () {
            var classes = $(this).attr('class');
            var n = classes.indexOf("column");
            var className = "." + classes.substring((n-1),(n+7));
            $(className).addClass("highlight");
        },
        function () {
            var classes = $(this).attr('class');
            var n = classes.indexOf("column");
            var className = "." + classes.substring((n-1),(n+7));
            $(className).removeClass("highlight");
        }
    );