两个独立桌子上的Td高度

Question

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

小提琴示例: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选择器.

示例小提琴

UPDATE

你在赏金中提到的问题的解决方案是因为td没有考虑元素的边界.

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

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