JQuery get every image with 100px or more width

Question

How do I get the length of every image with 100px or more of width:

if( $('img').width( >= 100 ).length > 0 ){
   [MORE CODE]
}

Answer 1

You can do this:

$('img').each(function() {
    if( $(this).width() >= 100 ){
       [MORE CODE]
    }
});

Answer 2

Use jQuery filter() like

$('img').filter(function(){
    return $(this).width() >= 100;
});

Answer 3

You can use filter() to achieve this:

$(window).load(function() {
    var $imgs = $('img').filter(function() {
        return $(this).width() >= 100;
    });

    // do something with $imgs...
});

Note that you should execute this under the window.load event to ensure that the img elements have loaded and therefore have a set width.

Answer 4

Try

$('img').each(function() {
     if($(this).width() >= 100) {
         // more code
     }
});

Answer 5

Use the outerWidth to determine:

$(window).load(function() {
    var $imgs = $('img').filter(function() {
        return $(this).outerWidth() >= 100;
    });

    // do something with $imgs...
});