JQuery width() через итерацию?

Question

У меня возникли проблемы с итерацией и получением значений width().

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

);

поэтому для каждого элемента «MyClass» я хотел бы найти ширину (некоторые разные).

Но приведенный выше код генерирует только ширину() первого экземпляра MyClass и возвращает 0 после этого.

Любые идеи о возможности получения ширины каждого экземпляра MyClass?

Answer 1

Использование map вместо each, чтобы упростить код:

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

Answer 2

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

Должно работать нормально. Если бы вы показали немного больше кода, я мог бы понять, что происходит не так.

Update:

Когда вы используете этот метод? Вы ждете, пока DOM не будет готов или просто сразу его выполнит? Если нет, браузер не может быть сделан показ всех этих элементов.

Попробуйте это, если вы еще не:

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