我正在尝试提高我的编码技能,但是我似乎无法弄清楚。如何速记以下内容?

/* fade */
$('.toggle-ui').on({
    'click': function (e) {
        e.preventDefault();
        var divToFade = ['#logo', '#hide-interface'];

        $.each(divToFade, function(intValue, currentElement) {
            // check alpha state and switch
            var currOp = $(currentElement).css('opacity');

            if (currOp == 1) $(currentElement).css('opacity', 0.5);
            if (currOp == 0.5) $(currentElement).css('opacity', 1);
        });
    }

最佳答案

使用ternary operator

$(currentElement).css('opacity', currOp == 1 ? 0.5 : 1);




附带说明:我习惯在===上使用==来避免意外类型强制导致的意外错误。要在这里使用它,我会通过currOp+解析为一个数字:

$(currentElement).css('opacity', +currOp === 1 ? 0.5 : 1);


有关更多信息,请查看here

关于javascript - JS的简写,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22144490/

10-13 01:09