在jQuery中遍历var链接变量数组

Question

我在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链式查询，我就不必再深入函数并手动隐藏它了？

如有任何帮助，将不胜感激。

Answer 1

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

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

或者，您可能需要考虑创建一个新的类，应用到您想要隐藏的元素上，并且只需要隐藏一个类--这取决于您的整体结构，但是这样您就不需要再回来编辑这个函数了，只需要在需要的地方应用那个类就可以了。

Answer 2

您可以为它们提供一个公共类，然后使用这个类作为一个选择器来隐藏，该选择器将所有这些目标元素组合到此操作中，例如：

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

希望这有帮助。