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");
        }
    );

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

4 个答案: