javascript - 如果 body 的类为 "ie."，则执行某些操作 如果 body 的类不为 "ie."，则执行其他操作

Question

我认为我写错了，因为它没有按我的预期工作。

我希望它像这样工作:

如果body没有ie类，并且如果body.single #project-wrapper有activated code> 类，它应该添加 grayscale 类并更改 opacity。

如果 body 具有 ie 类，并且如果 body.single #project-wrapper 具有 activated类，它应该只更改不透明度。

如何重写下面的代码以反射(reflect)我上面写的内容？

if (!$(body).hasClass('ie')) {
    if ( $('body.single #project-wrapper').hasClass('activated') ) {
        $('article.project').addClass('grayscale').css('opacity', '0.4');
    }
}

if ($(body).hasClass('ie')) {
    if ( $('body.single #project-wrapper').hasClass('activated') ) {
        $('article.project').css('opacity', '0.4');
    }
}

Answer 1

正文需要使用元素选择器。没有名为 body 的变量，因此您的控制台中应该会出现类似 ReferenceError: body is not Defined 的错误

if ($('body').hasClass('ie')) {
    if ($('body.single #project-wrapper').hasClass('activated')) {
        $('article.project').css('opacity', '0.4');
    }
} else {
    if ($('body.single #project-wrapper').hasClass('activated')) {
        $('article.project').addClass('grayscale').css('opacity', '0.4');
    }
}

<小时/>

由于条件 $('body.single #project-wrapper').hasClass('activated') 很常见，您可以执行类似的操作

if ($('body.single #project-wrapper').hasClass('activated')) {
    if ($('body').hasClass('ie')) {
        $('article.project').css('opacity', '0.4');
    } else {
        $('article.project').addClass('grayscale').css('opacity', '0.4');
    }
}