if语句不起作用(jquery)

时间:2017-10-20 15:10:23

标签: javascript jquery html css

任何人都可以告诉我为什么我的if语句不起作用:

$(".buttontoggle").hover(
    function() {
        if ($("this").css('background-color') == '#e8f2ff') {
            $(this).addClass("lightbluecolor");
        } else {
            $(this).addClass("lightbluecolor");
        }
    },
    function() {
        $(this).removeClass("lightedbutton");
        $(this).removeClass("lightbluecolor");
    }
);

2 个答案:

答案 0 :(得分:2)

$("this")应为$(this)

此外,您还需要检查background-color的值,因为无法保证它与原始案例或布局相匹配。

此外,您的ifelse分支执行相同的操作。

如果background-color作为元素的一个类应用,那么你将有一个更容易的时间,并检查该类。如果您要添加或删除的类是设置该颜色的类,则只需使用this.classList.toggle("lightbluecolor")

答案 1 :(得分:0)

if($(this).css

是这样做的。您不需要使用引号。 $("this")寻找像

这样的html元素
<this></this>