在相同的元素中获取元素高度最大的值,并设置最大值为元素高度

233 阅读1分钟

便利生成的块可能因为内容的不同占用的高度不同,如果需要内容全部展示外部包裹元素的高度不同,样式不好看,此时需要将所有元素的高度设置为内容最多的也就是高度最大的那个元素的高

<p class="assetConttitlp purpose">
    申请用途:
</p>
<script>
$(function() {
    var h_max = 0; //定义一个默认变量,并赋值为0,用于比较	
    $('.purpose').each(function() { //遍历相同样式名的元素
            var h = $(this).height(); //获取每个元素的高度,(可根据需要使用outerHeight、innerHeight)
            h_max = h > h_max ? h : h_max; //比较获取的元素高度值和默认变量,如果比0大,则取获取的值,否则取0
    });
    $('.purpose').height(h_max); //给每一个元素设置相同的高度	
});
 </script>