javascript - onhover如何使用jquery获取图像的宽度和高度

Question

我在网页中显示了 div 中的许多图像，div 和图像是通过循环动态创建的。

我需要使用 jquery 获取每个图像的宽度和高度，而不是像这样使用 id

 document.getElementById('Image/div id');

因为循环会根据条件动态创建很多图像 那么，当用户悬停/单击图像时，有什么方法可以获取图像的高度和宽度

我对此困扰了很长时间，最后希望我能得到解决方案

Answer 1

您可以使用 jQuery on() 将处理程序附加到最近的公共(public)父容器。这样，您至少可以控制希望此功能在哪些图像子集上生效。

$('#container').on('mouseover','img',function(){
    var width = $(this).width();
    var height = $(this).height();
});

喜欢:

<div>
    <img> //will not affect this one since it's not under "#container"
</div>
<div id="container">
   <img> //the handler affects this one
   <div>
      <img> //the handler also affects this one
   </div>
</div>