дочернего элемента является неопределенным

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

Try:

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

Если вам нужна ширина определенного элемента, вы можете дать класс элемента:

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

Answer 2

Я пытался прочитать ширину изображения перед загрузкой. Так вот что я сделал:

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

Answer 3

Использование outerWidth

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