jquery - 使用纯 HTML + CSS 的表格行的最大高度

Question

我有一个包含订单的表格。有些单元格包含图标，有些包含文本，还有一个包含表格。最后一个单元格包含一个长文本，显示在 <div> 中与 overflow:auto .

我想设置 max-height这个 <div class="textDiv">等于行中最高的单元格。目前我用 jQuery 来做:

• 我用 <div class="textDiv" style="display:none;"> 渲染表格

• 然后我在内容加载后使用 jQuery:

  $('.textDiv').each(function (i, obj) {
      $(obj).css('max-height', $(obj).parent().height() + 'px').css('display', 'block');
  });
  

是否有纯 HTML + CSS 的方式来做到这一点？

Answer 1

var divs = document.getElementsByCalssName("textDiv");
for (var i = 0; i < divs.length; i++)
{
    divs[i].style.maxHeight = divs[i].parentElement.style.height;
    // or window.getComputedStyle(divs[i].parentElement, null).height;
    divs[i].style.display = "block";
}