Jquery - 循環遍歷數組DIVs，顯示並隱藏它們

Question

我是JQuery/Javascript的新手。有沒有一種很好的方法將一堆元素放在數組中並循環，調用一個函數來執行某些操作。讓我解釋我正在嘗試做什麼。

我有下面的代碼將隱藏並顯示2個DIV當鼠標點擊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，給他們一個類名（都一樣）

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