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宽度，但图像宽度随浏览器窗口宽度而变化。你知道解决方案吗？也许我在那里只有som语法错误。

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());

但即便如此，这也是有问题的，因为你会得到一个阵列。在任何情况下，您使用的语法都是错误的。