高度与宽度相等,单幅图像

时间:2017-08-28 09:35:03

标签: javascript jquery css

如果图像的宽度和高度相等,我该如何添加“等于”等级。

这是我的代码:

var img = $('img', this);
var width = img.width();
var height = img.height();

if(width == height){
$(this).img.addClass('equal');
}

2 个答案:

答案 0 :(得分:1)

这一位:

if(width == height){
    $(this).img.addClass('equal');
}

应该是:

if(width == height){
    img.addClass('equal');
}

因为您已将img作为jQuery对象(通过执行var img = $('img', this);

答案 1 :(得分:0)

  1. 获取所有图片
  2. 迭代并添加该类。

    //get all images
    let $images = $('img');
    
    // add classes
    $.each($images, function(key, img) { 
    
        if ( img.height === img.width )  {
           $(img).addClass('equal'); 
        }
    
    });
    
  3. 示例:https://jsfiddle.net/6ot4ks87/