Jquery 获取img的本机/自然宽度并设置为最大宽度

我有一组不同宽度的图像。我希望他们100%的响应宽度，但不大于他们的实际大小

我试过：

$("#mainImg").on('load', function() {
var natWidth = $(this).get(0).naturalWidth;
alert(natWidth);
});

但没有任何警告

我也试过了，但还是没有警觉：

var myImage = document.getElementById("mainImg");
myImage.addEventListener('load', function() {
    alert('My width is: ', this.naturalWidth);
});

显然，我错过了什么

---

一旦我可以抓取宽度，我想我可以很容易地使用它来设置图像的最大宽度

我使用您的代码将这段代码组合在一起，对我来说效果很好。我怀疑您的

mainImg

ID实际上并不是指

img

标签，而是指一个封闭的

div

或类似的标签。可能吗

此外，可以将最大宽度设置为

naturalWidth

值。只需使用

attr

。我在代码中也放了一个例子

$（文档）.ready（函数（$）{
$（'myImg'）。on（'load'，函数（e）{
var natWidth=$（this）.get（0）.naturalWidth；
警报（natWidth）；
$（this.attr（'maxwidth'，natWidth）；
警报（$（this.attr（'maxwidth'））；
});
});
我使用您的代码将这段代码放在一起，它对我来说很好。我怀疑您的
mainImg
ID实际上并不是指
img
标签，而是指一个封闭的
div
或类似的标签。可能吗

此外，可以将最大宽度设置为
naturalWidth
值。只需使用
attr
。我在代码中也放了一个例子


$（文档）.ready（函数（$）{
$（'myImg'）。on（'load'，函数（e）{
var natWidth=$（this）.get（0）.naturalWidth；
警报（natWidth）；
$（this.attr（'maxwidth'，natWidth）；
警报（$（this.attr（'maxwidth'））；
});
});

您的集合的HTML和CSS在哪里？请添加一个。您可以在这里获得一些见解：您的集合的HTML和CSS在哪里？请添加一个。您可以在这里获得一些见解：@webguy我很好奇。你有没有发现你指的不是一个
img
标签，或者是别的什么问题？我猜是个愚蠢的错误。我一定是点击了“阻止此页面抛出警报”，所以在没有警报的情况下，代码似乎不起作用。@webguy听起来像是我可能会做的事情。一个平淡无奇的事业（如果有的话）：）“很高兴你把它整理好了。”我很好奇。你有没有发现你指的不是一个
img
标签，或者是别的什么问题？我猜是个愚蠢的错误。我一定是点击了“阻止此页面抛出警报”，所以在没有警报的情况下，代码似乎不起作用。@webguy听起来像是我可能会做的事情。一个平淡无奇的事业（如果有的话）：）很高兴你把问题解决了。