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

変化する

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);
});