jQuery图像宽度不工作

jQuery image width not working

本文关键字:工作 图像 jQuery      更新时间:2023-09-26

我试图获得图像与类产品缩略图的图像宽度。有几个图像具有这个宽度,但它们都具有相同的宽度。这是我的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宽度,但图像宽度随着浏览器窗口宽度的变化。你知道怎么解决这个问题吗?也许我只是有一些语法错误

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

这是无效的,jquery,选择器应该都在$('')中,像CSS选择器一样,所以它应该是

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

您还需要选择要获取宽度的图像,对于第一个图像,您可以这样做:

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

你应该这样做:

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

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