script.js
jQuery(function($){window.addEventListener('load',function(){varmaxHeight=0;$('.slider li').each(function(idx,elem){varheight=$(elem).height();if(maxHeight<height){maxHeight=height;}});$('.slider li').height(maxHeight);});});これでできた。
.sliderという親要素の中にある、子要素liの中で、高さが一番高い要素にcssを合わせる。(height)
↓
私が実際に使用したのは、slickだったので、
以下のようなコードだったけど。
$('.slider .slider-box .slider-list').height(maxHeight);
親要素.slider
子要素.slider-box > .slider-list
.slider-boxはslick導入による形が崩れるのを防ぐ(必須)
.slider-listはpaddingや指定してる要素
これ、色々考えた末、できなかったやつ
出来なかったやつだからね。
script.js
jQuery(function($){constlists=document.querySelectorAll('.slider-box');for(leti=0;i<lists.length;i++){//高さ取得consth=lists[i].clientHeight;//css指定console.log(h);if($(this).height()>h){h=$(this).height();}$(".slider .slider-box").css("height",h+"px");};});参考サイト
https://www.growupfa5hi0n.com/2020/01/jquery-height.html
プラグインも一応あるみたい
https://www.start-point.net/blog/web/jquery/hight_js/
