子元素的宽度未定义

Question

代码：

$(".article-image").each(function(){
    var imgW = $(this).children("img").naturalWidth;
    console.log(imgW);
})

$(this).children("img”).length为1，但imgW未定义。

我也尝试过：

$(this).children("img").scrollWidth;

这是0：

$(this).children("img").width();

Answer 1

我试图在加载之前读取图像宽度。所以这就是我所做的：

$(".article-image").each(function(){
    $(this).children("img").load(function(){
        var imgH = $(this).parent().children("img").height();
})

Answer 2

使用outerWidth

$(".article-image").each(function(){
   var imgW = $(this).children("img").outerWidth;
   console.log(imgW);
})

Answer 3

尝试：

$(this).find("img").eq(0).css("width");

如果需要特定元素的宽度，可以给出元素类名称：

$(this).find(".className").css("width");