javascript - jQuery图像宽度不起作用

Question

我正在尝试使用类产品缩略图获取图像的图像宽度。有几个具有此宽度的图像，但它们都具有相同的宽度。所以这是我的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());

但即便如此，这还是有问题的，因为你会得到一个数组。无论如何，您使用的语法是错误的。