jquery - Jquery - 遍历数组 DIV，显示和隐藏它们

Question

我是 JQuery/Javascript 的新手。有没有一种好方法可以将一堆元素放入一个数组并循环遍历它，调用一个函数来做某事。让我解释一下我想要做什么。

当鼠标在 DIV 外部单击时，下面的代码将隐藏并显示 2 个 DIV。它工作得很好。但是，我有很多 DIV 可以显示和隐藏。请告诉我一种放入 DIV 数组的方法，将下面的代码转换为函数 ShowHideDIV(hideDiv, showDiv) 以执行操作？

$(document).mouseup(function (e)
{
    var showContainer1 = $("#divShipMethod");
    var hideContainer1 = $("#divShipMethodDDL");

    if (!hideContainer1.is(e.target) 
        && hideContainer1.has(e.target).length === 0) 
    {
        hideContainer1.hide();
        showContainer1.show();
    }
});

例如，说我有以下 DIV ID 喜欢放在一个数组中：

1. divShow1
2. divHide1
3. divShow2
4. divHide2
5. divShow3
6. divHide3
7. divShow4
8. divHide4
9. divShow5
10. divHide5

Answer 1

不要为你的 div 使用 ID，而是给它们一个类名（都一样）

$(document).mouseup(function (e)
{
    var showContainer1 = $(".divShipMethod");   
    var hideContainer1 = $(".divShipMethodDDL");

    if (!hideContainer1.is(e.target) 
        && hideContainer1.has(e.target).length === 0) 
    {
        hideContainer1.hide();
        showContainer1.show();
    }
});