代码之家  ›  专栏  ›  技术社区  ›  Pepe

减少类添加的多个if语句(jQuery)

  •  0
  • Pepe  · 技术社区  · 4 年前

    我的例子是:

    var Country = this.value; // here I get "England" or "USA" or "Canada" aso.
    
    if(Country === "England") {
        $("#myDiv > span").addClass("england");
    }
    if(Country === "USA") {
        $("#myDiv > span").addClass("usa");
    }
    if(Country === "Canda") {
        $("#myDiv > span").addClass("canada");
    }
    

    麻生太郎。

    有没有一个简单的方法可以把这个减少到一行,两行?

    就像Keldan Chapman解决方案的小更新一样:

    如果要切换此选项或替换类,必须先删除这些类,如下所示:

    $("myDiv > span").removeAttr('class');
    $("myDiv > span").addClass(this.value.toLowerCase());
    
    1 回复  |  直到 4 年前
        1
  •  3
  •   Keldan Chapman    4 年前
    $("myDiv > span").addClass(this.value.toLowerCase());