jquery - 检测应用最大宽度的图像

Question

我想为所有与 max-width css 属性相关的图像添加一个类。

例如，在一个 div 中，我有两个图像: 数字 1:宽度 200 & 高度 200 数字 2:宽度 50 & 高度 50

我的 div 上有一个属性 max-width :max-width:50px

我能否通过 jquery 或其他方式检测到我的图像已通过 css 属性调整大小？

Answer 1

根据我对您的问题的理解，这里是您可以如何解决它。

var $imageContainer = $("div");
var maxWidth = $imageContainer.css('max-width');
$imageContainer.find('img').filter(function(){
      return $(this).height() > maxWidth;
})
.addClass('maxWidth');//Define this class with appropriate styles