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

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

第一个表的内容是从数据库加载的，有时用户可以在td中输入3或4行文本（这就是为什么我不能声明table / tr / td height的原因）。第二个表的内容始终相同（总是一行文本）

是否有可能（使用javascript / jquery），使表2以某种方式继承表1的表行高度（如果用户输入较长的文本），并像下面这样完美对齐：LINK？

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

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

最佳答案

这很接近

var itemNum = 0;

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

编辑

已将+1添加到itemNum。 nth-child是基于1的。似乎在您的小提琴上工作

编辑2

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

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