Jquery width() par itération?

Question

J'ai un peu de mal à parcourir et récupérer les valeurs width().

$(".MyClass").each( 
function(){ 
    elemWidth=$(this).width(); 
} 

);

donc pour chaque élément "MyClass" je voudrais trouver la largeur (certains sont différents).

Mais le code ci-dessus ne produit que la largeur() de la première instance de MyClass et renvoie 0 après cela.

Des idées sur la possibilité d'obtenir la largeur de chaque instance de MyClass?

Answer 1

Utilisation map au lieu de each pour simplifier votre code:

$('.MyClass').map(function() { 
    return $(this).width(); 
}); 

Answer 2

var widths = []; 
$('.MyClass').each(function() { 
    widths.push($(this).width()); 
}); 

Cela devrait fonctionner correctement. Si vous montriez un peu plus de code, je pourrais peut-être comprendre ce qui ne va pas.

Mise à jour:

Quand utilisez-vous cette méthode? Attendez-vous que le DOM soit prêt ou que vous l'exécutiez immédiatement? Si ce n'est pas le cas, le navigateur n'a peut-être pas encore rendu tous ces éléments.

Essayez si vous n'êtes pas déjà:

var widths = []; 
$(document).ready(function() { 
    $('.MyClass').each(function() { 
     widths.push($(this).width()); 
    }); 
});