javascript - Jquery如何添加一个包含两个破折号的类？

Question

我有一个简单的页面，可以切换部门的可见性，并有一个漂亮的图标来显示它是否可见。我正在使用很棒的字体图标“fa-eye”和“fa-eye-slash”

问题是使用 addClass jquery 时忽略第二个“-”

$(this).addClass("fa-eye-slash")

添加“fa-eye”类。

这很奇怪，我从来没有在 jquery 中遇到过这样的事情。请有人帮助我如何克服/解决这个问题。

这是 fiddle http://jsfiddle.net/m5cdpnhk/

谢谢

Answer 1

您有两个 if条件依次运行。

如果第一个if运行，那么它所做的事情之一是 $(elm).addClass('fa-eye-slash'); .

第二个if条件是if ($(elm).hasClass("fa-eye-slash"))所以如果第一个 if运行，那么第二个将始终运行。

您需要一个else声明。

    $(elm).addClass('fa-eye-slash');
} else if ($(elm).hasClass("fa-eye-slash")) {
    $(elm).removeClass("fa-eye-slash");