Equal height to width, single images

Question

How can I add class "equal" if an image that is equal in width and height.

Here is my code:

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

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

Answer 1

This bit:

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

should be:

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

as you already have your img as a jQuery object (by doing var img = $('img', this); )

Answer 2

1. Get all images

2. Iterate and add the class.

    //get all images let $images = $('img'); // add classes $.each($images, function(key, img) { if ( img.height === img.width ) { $(img).addClass('equal'); } }); 

Example: https://jsfiddle.net/6ot4ks87/