检测最大宽度应用的图像

Question

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

例如，在div中，我有两张图片： 1号：宽度200＆amp;身高200 2号：宽度50＆amp;身高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

Answer 2

jQuery没有任何内部的“css值”选择器。你可以建立一个，但你可能只想做像

这样的事情

$("img").each(function() {
   if ($(this).css('max-width') == '50px') {
      $(this).addClass('detected');
   }
});