商品一つずつを囲ってるから、高さ指定しただけじゃ商品によって高さとりすぎたり商品名はみ出したりする。
ので、jqueryで動的に値をとってcss付加します。
let itemimg_array = [];
$('.itemimg').each(function() {
itemimg_array.push($(this).outerHeight());
});
let itemimgMaxH = Math.max.apply(null, itemimg_array);
$('.itemimg').css('height', itemimgMaxH);
- 空の配列を作る。
- each関数で商品画像のheightをすべてとって配列に格納する
-
Math.max.apply
で、配列の中で一番大きい数字を取得 - .itemimgにその数字をcssで付加
やってることは綺麗じゃないかもだけど・・・
めっちゃ読み込み遅いと、がくつくかもしれないけど。