javascript - 两张单独 table 上的 Td 高度

Question

我有两个单独的表，我在每个 tr 上使用焦点 + 悬停功能，同时在两个表上都很好用，我的问题是 td 高度，因为如果第一个表中的 td 的描述更大，将显示在同一 td 中的两行和 td 的高度将被修改，但仅限于第一个表 td。如何记住第一个表中 td 的高度，并将其添加到第二个表中的 td 上，以使两个 td 具有相同的大小。 在我的示例中，只有前两个 tr 显示正常，其他两个显示不正常，因为第一个表 td 的描述。

fiddle 示例: http://jsfiddle.net/Ksb2W/45/

   for bounty  please check this example to see the difference on chrome and ie8:

http://mainpage.ueuo.com/

谢谢。

Answer 1

如果我没理解错的话，您希望两个表格的每一行内的高度相同吗？

如果是这样，这应该可行:

$("table:first tr").each(function(i) {
    $("table:last tr").eq(i).height($(this).height());
});

显然 :first 和 :last 选择器的使用并不理想，您应该将它们修改为 id 选择器。

Example fiddle

---

更新

您在赏金中提到的问题的解决方案是因为未考虑 td 元素上的边框。

在检查当前行时将 height() 替换为 outerHeight()，它应该可以正常工作:

$("table:first tr").each(function(i) {
    $("table:last tr").eq(i).height($(this).outerHeight());
});