如何循環jQuery對象和.hide（）每個人的數組

Question

我想通過jquery對象的數組來循環我創建的單擊時隱藏的數組。現在我不知道我在哪裏出錯，並想知道是否有人可以解釋我需要做些什麼才能使它工作？

我已經在這裏創造一個小提琴http://jsfiddle.net/hd5qa/3/

所有的建議大加讚賞

凱爾

Answer 1

與提琴的問題如下：

1）您沒有包括jQuery庫。

2）您還沒有正確關閉each循環（缺少括號）。

3）您錯過了「myButton」中的id選擇器#。

這是updated, working fiddle。

但是請注意，你可以簡單地這樣做：

$("#blue, #red, #green, #black, #purple, #orange").hide(); 

或者更好，把所有那些包含的父元素，並簡單地隱藏，或使用$("#parent div").hide();。

您可以在選擇的結果存儲在一個變量，而不是你目前擁有的6，如jQuery的方法往往不需要一個循環，爲每一個匹配元素上進行操作。

Answer 2

$(myArray).each(function(index, element){ 
    element.hide(); 
}); 

你可能想嘗試這樣的事情！

var myArray = [$blue, $red, $green, $black, $purple, $orange]; 

$('#myButton').click(function() { 
    $(myArray).each(function(index, element) { 
     $(element).hide(); 
    }); 

}); 

你可以看到在這裏運行： http://jsfiddle.net/hd5qa/3/

Answer 3

有沒有理由想通過一系列對象來做到這一點？

，你可以通過添加您選擇這樣簡化了一切：

$('#blue, #red, #green, #black, #purple, #orange').hide(); 

Answer 4

我更喜歡這種方式：

var elements = $("div"); 
var numOfElements = elemenets.length; 
for(var i=0; i<numOfElements; i++) { 
    var element = elements.eq(i); 
    element.hide(); 
} 

Answer 5

有三個問題：

• 運行代碼用MooTools庫代替jQuery。
• 您在選擇該按鈕忘記#。
• 您在$.each循環結束忘了);。

http://jsfiddle.net/Guffa/hd5qa/5/