height - yagisawatakuya/Wiki GitHub Wiki

jQueryで要素の高さ・幅を取得する：width(), height()

$("#box").width();
$("#box").innderWidth();
$("#box").outerWidth();
$("#box").outerWidth(true);

http://uxmilk.jp/40801

for文を使用した要素高さ差分追加

$(window).on('load resize', function(){
    var flavorWrap = $('#section-flavor .layout-box-wrap');

    for (var i=0; i<$(flavorWrap).length; i++) {
        var flavorTarget = $('.layout-box__lovetime'),
            flavorBox = $(flavorWrap).eq(i).find('.layout-box__col').height(),
            flavorLoveTime = $(flavorWrap).eq(i).find('.layout-box__lovetime').height(),
            flavorCommnet = $(flavorWrap).eq(i).find('.layout-box__commnet').height();
        
        $(flavorWrap).eq(i).find(flavorTarget).css('padding-bottom', flavorBox - (flavorLoveTime + flavorCommnet) + 'px');
    }
});

for()、.each()の参考 http://www.task-notes.com/entry/20140725/1406216933 読み込み時とリサイズ時を同時に処理する https://qiita.com/drapon/items/328b1ed23490061e6fdb