代码之家  ›  专栏  ›  技术社区  ›  Zach Smith

在jQuery中遍历var链变量数组

  •  1
  • Zach Smith  · 技术社区  · 8 年前

    我在javascript中有一个简单的函数,用于隐藏页面加载时的所有css div:

    function hideAllDivs() {
        var a5 = jQuery('.a5'),
            a2 = jQuery('.a2'),
            b2 = jQuery('.b2'),
            hd3 = jQuery('.hd3'),
            hd6 = jQuery('.hd6');
    
        a5.hide();
        a2.hide();
        b2.hide();
        hd3.hide();
        hd6.hide();
    }
    

    正如你所看到的,我必须一个接一个地把它们藏起来。有没有办法将它们存储到一个数组中,然后一次遍历它们?这样,如果我添加一个新的var链式查询,我就不必再深入函数并手动隐藏它了?

    任何帮助都将不胜感激。

    2 回复  |  直到 8 年前
        1
  •  2
  •   Zakaria Acharki    8 年前

    您可以给它们一个公共类,然后使用该类作为选择器隐藏,该选择器将此操作的所有目标元素组合在一起,例如:

    function hideAllDivs() {
        jQuery('.common_class').hide();
    }
    

    希望这有帮助。

        2
  •  2
  •   James Thorpe    8 年前

    您可以只使用一个选择器:

    jQuery('.a5, .a2, .b2, .hd3, .hd6').hide();
    

    或者,您可能需要考虑创建一个新类,应用于要隐藏的元素,并仅隐藏单个类-取决于您的整体结构,但这样您就不需要再次回来编辑此函数,只需在需要的地方应用该类。