jquery - 如何根据img高度更改img宽度

Question

我需要根据 img 高度更改 img 宽度。我使用了 jQuery 高度属性，但它不起作用。请在下面查看我的功能。

$(function imagesSizer(){
    var img = document.getElementsByClassName('.offer_img');
    if  ($('.offer_img').height() < 210) {
         $('.offer_img').css('width','360px')
    }
});

Answer 1

你应该试试

//Wait until the DOM is ready
$(function(){
    //get all images and iterate over them
    $('.offer_img').each(function(){;
        //if the height of this img is < 210
        if  ($(this).height() < 210) {
            //set the width to 360
             $(this).width(360);
        }
    });
});

Answer 2

对于单个元素，

$( function(){
    if ( $('.offer_img')[0].height() < 210 )
        $('.offer_img').width(360);
});

Answer 3

改变

var img = document.getElementsByClassName('.offer_img');

至

var img = document.getElementsByClassName('offer_img');

https://developer.mozilla.org/en/DOM/document.getElementsByClassName