Если у меня есть следующая разметка;

<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>

Как я могу убедиться, что все div, помеченные как «sameHeight», имеют такую ​​же высоту, как их аналоги в другом div?

Я посмотрел на плагин equalHeights, но предполагается, что все divs бок о бок находятся в одном родителе. Мне нужен тот, который может либо пересечь родителей, либо позволить мне указать родителей.

Есть ли такая вещь или мне нужно это написать?

РЕДАКТИРОВАТЬ

Я, кажется, вызвал некоторую путаницу в своем объяснении, поэтому я надеюсь, что это немного прояснит ситуацию.

Глядя на новую разметку, контейнер представляет собой простую коробку.

«Коробочки» делятся рядом.

Затем каждый div-элемент sameheight располагается один под другим внутри своего родителя.

То, что я пытаюсь решить, - это чтобы каждая из одинаковых высот соответствовала противоположной стороне одинаковой высоты.

это должно выглядеть как сетка, я думаю, без использования сетки.

Надеюсь, это поможет.

РЕДАКТИРОВАТЬ 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(' + t + ')').css({ height: leftHeight });
        }
        else {
            $('#container>div:eq(0) .sameHeight:eq(' + t + ')').css({ height: rightHeight });
        }
    }
}