问JavaScript代码优化
EN

Stack Overflow用户

提问于 2012-05-18 21:20:52

回答 2查看 76关注 0票数 0

下面是我的javascript代码，有没有更好的方法来写我的代码?我觉得我的概念不好。下面的‘$’代表‘JavaScript’，为了更好地查看，我正在使用'$'，代码是JQuery而不是JavaScript。

function() {
    if (1) {
        $("AprEmail1").style.display = "";
        $("chkApp1").style.display = "";
        $("AprEmail2").style.display = "";
        $("chkApp2").style.display = "";
        $("chkApp2").disabled = false;
        $("AprEmail3").style.display = "";
        $("chkApp3").style.display = "";
        $("chkApp3").disabled = false;
    }
    else if (2) {
        $("AprEmail1").style.display = "";
        $("chkApp1").style.display = "";
        $("AprEmail2").style.display = "";
        $("chkApp2").style.display = "";
        $("chkApp2").disabled = true;
        $("AprEmail3").style.display = "";
        $("chkApp3").style.display = "";
    }
    else if (3) {
        $("AprEmail1").style.display = "";
        $("chkApp1").style.display = "";
        $("AprEmail2").style.display = "";
        $("chkApp2").style.display = "";
        $("chkApp2").disabled = true;
        $("AprEmail3").style.display = "";
        $("chkApp3").style.display = "";
        $("chkApp3").disabled = true;
    }
    else {
        $("AprEmail1").style.display = "none";
        $("chkApp1").style.display = "none";
        $("AprEmail2").style.display = "none";
        $("chkApp2").style.display = "none";
        $("AprEmail3").style.display = "none";
        $("chkApp3").style.display = "none";
    }
}

javascript

回答 2

Stack Overflow用户

发布于 2012-05-18 21:22:47

是的，有一个更好的方法。根据您要应用的谓词，在元素上使用类值来对应它们的关系，然后让代码按类而不是按id操作。

如果您通过在某些父元素(如<body>标签)上设置一个类(基于条件)，让JavaScript对这些不同的条件执行操作，那么您可以主要使用CSS来完成这项工作。然后，您可以拥有如下所示的CSS规则

.condition1 .hidden-when-1 { display: none; }

.condition2 .hidden-when-2 { display: none; }

诸若此类。当<body>标签具有"condition1“类时，所有具有”hidden When -1“类的元素都将被隐藏。

票数 1

Stack Overflow用户

发布于 2012-05-18 21:23:47

您可以将它们分组到div容器中，然后显示和隐藏div。这会让它变得更干净。此外，您还可以查看Jquery。它可以让你写出更干净的代码。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10653436

复制

相似问题

问JavaScript代码优化
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript代码优化EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript代码优化
EN