jQuery loop

Question

J'ai un couple de Divs avec class = 'CCC'. Je veux prendre tous ces divs dans un tableau en utilisant jQuery, puis faire une boucle dans le tableau. Comment le faire

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

Sinon, ceux-ci pourraient être écrits comme une seule instruction (si vous voulez seulement faire un d'entre eux):

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

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

Answer 2

Avec la fonction each():

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

http://docs.jquery.com/Each

modifier:

comme l'a demandé:

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

Answer 3

ressemble à ceci:

LoopThroughDivs($('.CCC')); 

Sérieusement, c'est tout ce qu'il y a. Vous pouvez utiliser la liste jQuery en tant que tableau.

Answer 4

Si vous voulez mettre dans un tableau:

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

Notez cependant que l'objet jQuery lui-même est un tableau de sorte que vous pouvez également faire:

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

Answer 5

boucle chaque élément et de le mettre dans votre tableau.

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

Loopthroughdivss(yourArray);