遍历 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();

或者，您可能需要考虑创建一个新的 class 应用于要隐藏的元素，然后只隐藏单个 class - 取决于您的整体结构，但那样做您无需再次返回并编辑此功能，只需在需要的地方应用 class。

Answer 2

你可以给他们一个共同的 class，然后使用这个 class 作为一个选择器来隐藏，它结合了这个操作的所有这些目标元素，例如：

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

希望对您有所帮助。

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

Iterate through an array of var chained variables in jQuery

javascript

jquery

hide