jquery - jqueryを使用して要素の幅を取得

Question

<li>こんにちは友達私は次のコードでラップされている画像の幅を取得したいです

脚本

var imageWidth = $('.slider_cont ul li').children('img').width();
console.log(imageWidth);

HTML

<div class="slider_cont">
        <ul>
            <li><img src="images/1.jpg" alt=" " /></li>
            <li><img src="images/2.jpg" alt=" " /></li>
            <li><img src="images/3.jpg" alt=" " /></li>
            <li><img src="images/4.jpg" alt=" " /></li>
        </ul>
    </div>

私のコードは、Firefoxで開くと正確な値を返しますが、クロムにチェックすると0（ゼロ）になります....理由はわかりません..助けてください

Answer 1

リストには 4 つの画像があります。あなたのコードは最初のものだけを記録します。

これにより、画像の幅が配列に保存されます。

var imageWidth = new Array();
$('.slider_cont ul li').children('img').each(function() {
    imageWidth.push($(this).width());
});
console.log(imageWidth);