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();
}

希望这有帮助。

在jQuery中迭代一系列var链式变量

2 个答案: