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

Question

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

$(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

更改

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

到

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

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

Answer 3

对于单个元素，

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