javascript - 反復によるJquery width()?

Question

width() 値の繰り返しと取得に少し問題があります。

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

したがって、「MyClass」要素ごとに、幅を見つけたいと思います（一部は異なります）。

しかし、上記のコードは MyClass の最初のインスタンスの width() のみを生成し、その後は 0 を返します。

MyClass のすべてのインスタンスの幅を取得できるアイデアはありますか?

score 4 · Accepted Answer

コードを簡素化するためmapに代わりに使用します。each

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

score 2 · Accepted Answer

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

うまくいくはずです。もう少しコードを示した場合、何が問題になっているのかを把握できるかもしれません。

アップデート：

いつこのメソッドを実行していますか? DOM の準備が整うまで待っていますか、それともすぐに実行しますか? そうでない場合、ブラウザはこれらの要素のすべてをまだレンダリングしていない可能性があります。

まだ行っていない場合は、これを試してください。

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

2 に答える 2