jQuery循環

Question

我有幾個類='CCC'的Div。我想要使​​用jQuery將所有這些div放入數組中，然後遍歷數組。如何做到這一點。

Answer 1

// get an array of the divs (will act like one anyway) 
var divs = $('div.CCC'); 

// do something for each div 
divs.each(function() { 
    // this refers to the current div as we loop through  
    doSomethingWith(this); 
}); 

// or call your method on the array 
LoopThroughDivs(divs); 

另外，這些可以寫成一個單獨的語句（如果你只想做其中之一）：

$('div.CCC').each(function() { 
    // this refers to the current div as we loop through  
    doSomethingWith(this); 
}); 

LoopThroughDivs($('div.CCC')); 

Answer 2

隨着每（）函數：

$(".CCC").each(function(i){ 
    alert(this.id + " is the " + i + "th div with this class"); 
}); 

http://docs.jquery.com/Each

編輯：

的要求：

function LoopTroughDivs(selector){ 
    $(selector).each(function(i){ 
    alert(this.id + " is the " + i + "th div with this class"); 
}); 
} 

Answer 3

如下：

LoopThroughDivs($('.CCC')); 

說真的，這就是全部。你可以使用jQuery列表作爲數組。

Answer 4

如果你想要把它放在一個數組：

var divArray = new Array(); 
$('.CCC').each(function() { divArray.push(this); }); //add each div to array 
//loop over array 
for(i=0, x=divArray.length, i<x, i++){ 
    //divArray[i] refers to dom object, so you need to use a jquery wrapper 
    //for the jquery functions: 
    $(divArray[i]).animate('height', '100px').html("I'm div the "+i+'th div'); 
} 

然而要注意的jQuery對象本身是一個數組，所以你也可以這樣做：

for(i=0, x=$('.CCC').length, i<x, i++){ 
    $('.CCC')[i].animate('height', '100px').html("I'm div the "+i+'th div'); 
} 

Answer 5

迴路的每個元素，並把它進入你的陣列。

var yourArray = new Array(); 
$(".CCC").each(function(index, element){ 
    yourArray[i]=element; 
}); 

Loopthroughdivss(yourArray);