Jquery width() bis Iteration?

Question

Ich habe ein wenig Mühe beim Iterieren und Abrufen von width() - Werten.

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

);

so für jedes "MyClass" -Element möchte ich die Breite finden (einige sind unterschiedlich).

Aber der obige Code erzeugt nur die Breite() der ersten Instanz von MyClass und gibt danach Nullen zurück.

Irgendwelche Ideen, um die Breite jeder Instanz von MyClass zu erhalten?

Answer 1

Verwenden map statt each Ihren Code vereinfachen:

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

Answer 2

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

Sollte gut funktionieren. Wenn Sie etwas mehr Code gezeigt haben, könnte ich herausfinden, was falsch läuft.

Update:

Wenn laufen Sie diese Methode? Warten Sie, bis das DOM bereit ist, oder führen Sie es sofort aus? Wenn nicht, kann der Browser möglicherweise noch nicht alle diese Elemente rendern.

die Sie interessieren, wenn Sie nicht bereits:

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