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