javascript - div 内の多くの画像の合計幅をカウントするにはどうすればよいですか?

Question

次のような div 要素があります。

<div id="test">
    <img src="..."/>
    <img src="..."/>
    <img src="..."/>
    <img src="..."/>
</div>

私がやりたいことは、最初にすべての画像を同じ高さにしてから、新しい幅の合計を計算することです。私はこれを試しました：

window.onload = function() {
    var width = $(window).width(), totalwidth=0;
    $('#test img').height('200px');
    $("#test").each(function() {
        totalwidth += $("#test img").attr("width");
  });
  alert(totalwidth);
}

しかし、アラートが返されますNaN。私は何をすべきか ？

Answer 1

試す

 $("#test img").each(function() {
        totalwidth += $(this).width();
  });