jQuery解决高度统一问题

<div class="itemdl over"><dl class="fl"><dt><img src="images/img6.jpg" height="auto" width="100%" alt=""></dt><dd class="title">免费定制方案</dd><dd>根据您的个人气质，五官比例，东方人的审美观。为您免费设计美眼方案。</dd></dl><dl class="fr"><dt><img src="images/img7.jpg" height="auto" width="100%" alt=""></dt><dd class="title">术前全身检查</dd><dd>美莱术前360&deg;全身检查，确保无任何影响手术的其他因素。</dd></dl><dl class="fl"><dt><img src="images/img8.jpg" height="auto" width="100%" alt=""></dt><dd class="title">先进治疗方案</dd><dd>微小创口，手术创口精细到0.01mm，精工雕琢，恢复好，形态自然。</dd></dl><dl class="fr"><dt><img src="images/img9.jpg" height="auto" width="100%" alt=""></dt><dd class="title">术后恢复自然</dd><dd>术后定制恢复自然医嘱方案，早一天恢复，早一日享受美丽。</dd></dl> </div>

jQuery代码：

var height = 0; $('.itemdl dl').each(function() {if($(this).height() > height){height = $(this).height();} }).height(height);

 

转载于:https://www.cnblogs.com/zlmlovem/p/6588568.html

总结

以上是生活随笔为你收集整理的jQuery解决高度统一问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。