javascript - jquery 一个表继承另一个表的高度

Question

我有两个表，具有相同数量的 tr。它们都在动态加载，我无法合并它们。例如，它们的外观如下:LINK

第一个表的内容是从数据库加载的，有时用户可以在 td 中输入 3 或 4 行文本(这就是为什么我不能声明表/tr/td 高度)。第二张表的内容总是一样的(总会有一行文字)

是否有可能(使用 javascript/jquery)，表 2 以某种方式从表 1 继承表行高度(如果用户输入更长的文本)并像这里一样完美对齐:LINK ？

我正在尝试这样做，但我完全不知道如何在不首先在 css 中声明的情况下检查元素的高度:

var tableH = $("#table1 tr").height();
$("#table2 tr").css("min-height", tableH);

Answer 1

这已经很接近了

var itemNum = 0;

$("#table1 tr").each(function() {
  $("#table2 tr:nth-child(" + (itemNum+1) + ")").height( $(this).height() );
  itemNum++;
});

编辑

为 itemNum 添加了 +1。 nth-child 从 1 开始。似乎在你的 fiddle 上工作

编辑 2

根据第三方的建议，这可以简化为

$("#table1 tr").each(function(itemNum) {
  $("#table2 tr:nth-child(" + (itemNum+1) + ")").height( $(this).height() );
});