jQuery ширина изображения не работает

Question

Я пытаюсь получить изображение ширины изображения с помощью класса product-thumbnail. Есть несколько изображений с этой шириной, но все они имеют одинаковую ширину. Так что это мой JavaScript:

$(document).ready(function() { 
    alert($('img').('.product-thumbnail').width()); 
}); 

и эти теги изображений

<img src="img/produkt1.png" title="Názov produktu" class="product-thumbnail"> 
<img src="img/produkt2.png" title="Názov produktu" class="product-thumbnail"> 

однако он не работает, и я не получаю никаких предупреждений. Не должно быть проблем с селекторами (включен jquery), и я хочу использовать это, чтобы я мог установить ширину div в соответствии с шириной изображения, но ширина изображения изменяется с шириной окна браузера. Вы знаете решение для этого? Возможно, у меня есть только синтаксическая ошибка.

Answer 1

alert($('img').('.product-thumbnail').width()); 

Это недопустимый JQuery селектор должен быть все внутри $(''), как селектор CSS, поэтому он должен быть

alert($('img.product-thumbnail').width()); 

Вы также должны выбрать, какое изображение, чтобы получить ширину, для первого, вы могли бы сделать:

alert($('img.product-thumbnail')[0].width()); 

Answer 2

вы должны делать:

alert($('img.product-thumbnail').width()); 

Но даже в этом случае это проблематично, так как вы получите массив обратно. В любом случае используемый вами синтаксис неверен.