相关疑难解决方法(0)

如果我有以下标记;

<div id="container">
  <div id="box">
    <div id='sameHeight'>One<br>two<br>three</div>
    <div id='sameHeight'>four</div>
    <div id='sameHeight'>five</div>        
  <div>
  <div id="box">
    <div id='sameHeight'>four</div>
    <div id='sameHeight'>six</div>
    <div id='sameHeight'>seven<br>eight</div>
  <div>
</div>

如何确保标记为"sameHeight"的所有div与其他div中的div相同？

我看了一下equalHeights插件,但是假设并排的所有div都在同一个父节点中.我需要一个可以遍历父母或允许我指定父母的人.

有这样的事情还是我需要写它？

编辑

我似乎在我的解释中引起了一些混乱,所以我希望这会让事情变得清晰起来.

查看新标记,容器是一个简单的盒子.

"盒子"divs并排坐着.

然后每个sameheight div在其父级中位于另一个之下.

我试图解决的问题是让每个相同的高度匹配它的相对高度.

它应该看起来像一个网格我想用w/out使用网格.

我希望这有帮助.

编辑2

到目前为止,我想出的是有更好的方法吗？

function SetHeights() {
    var numLines = $('#container>div:eq(0) .sameHeight').length;

    for (var t = 0; t < numLines; t++) {
        var leftHeight = $('#container>div:eq(0) .sameHeight:eq(' + t + ')').outerHeight();
        var rightHeight = $('#container>div:eq(1) .sameHeight:eq(' + t + ')').outerHeight();

        if (leftHeight > rightHeight) {
            $('#container>div:eq(1) .sameHeight:eq(' + …