檢測應用了最大寬度的圖像

Question

我想向所有與max-width css屬性有關的圖像添加一個類。

在例如一個div，我有兩個圖像： 數1：寬度200 &高度200 編號2：寬度50 &高度50

我在我的div的屬性最大寬度：MAX- width：50px

我可以通過jquery或其他方式檢測到，我的圖像是通過css屬性調整大小的嗎？

Answer 1

jQuery沒有任何形式的內部「css值」選擇器。你可以建立一個，但你可能只是想這樣做

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

Answer 2

按我你的問題的理解，這裏是你如何解決這個問題。

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