javascript 在 jQuery addClass 中使用变量

Using a variable with jQuery addClass

提问by antfuentes87

Trying to mix a variable with :not then use that variable with addClass. but no luck yet.

尝试将变量与 :not 混合使用，然后将该变量与 addClass 一起使用。但还没有运气。

HTML

HTML

<ul>
  <li><a href="#">Nav One</a></li>
  <li><a href="#">Nav Two</a></li>
  <li><a href="#">Nav Three</a></li>
  <li><a href="#">Nav Four</a></li>
</ul>

LESS

较少的

ul{
    li{
        a{
            color: black;
            transition: all 0.5s ease;
            font-size: 3rem;
            text-decoration: none;
        }
    }
}
.enc-non-active{
    color: gray;
}

JAVASCRIPT

爪哇脚本

myFunction('ul li a', 'enc-active', 'enc-non-active');

function myFunction($menu, $activeClass, $nonActiveClass) {
   $(function(){
        $($menu).hover(function(){
            $(this).addClass($activeClass);
        },
        function(){
            $(this).removeClass($activeClass);
        });
        $($menu).hover(function(){
            var fullPath = $menu + ':not(' + $activeClass + ')';
            $(fullPath).addClass($nonActiveClass);
        },
        function(){
            var fullPath = $menu + ':not(' + $activeClass + ')';
            $(fullPath).removeClass($nonActiveClass);
        });
    });
}

Here is the CodePen http://codepen.io/antfuentes87/pen/pJEaebif anyone can let me know what I am doing wrong, that would be great. Thanks for your time.

这是 CodePen http://codepen.io/antfuentes87/pen/pJEaeb如果有人能让我知道我做错了什么，那就太好了。谢谢你的时间。

采纳答案by Yang Li

You forgot a dot in :not(. - easily fixed http://codepen.io/anon/pen/zGKRyW

你忘记了 :not(. - 很容易修复http://codepen.io/anon/pen/zGKRyW

var fullPath = $menu + ':not(.' + $activeClass + ')';
$(fullPath).addClass($nonActiveClass);

回答by charlietfl

You are missing a dot to make the class name into a css selector

您缺少一个点来将类名变成 css 选择器

Change

改变

var fullPath = $menu + ':not(' + $activeClass + ')';

To

到

var fullPath = $menu + ':not(.' + $activeClass + ')';

DEMO

DEMO