Задать высоту блоку по соседнему?

Question

[crescent]

Есть три колонки:

<div1>
   <div11/>
   <div12/>
   <div13/>
 </div1>

--------
 <div2>
   <div21/>
   <div22/>
   <div23/>
 </div2>

----------
 <div3>
   <div31/>
   <div32/>
   <div33/>
 </div3>

Соотвественно
div11, div21, div31 - должны иметь одну высоту
div12, div22, div32 - должны иметь одну высоту
div13, div23, div33 - должны иметь одну высоту

Те в кождом из элементов тройки блоков надо задать высоту. такую какую имеет максимальный из них

На сss такое можно или только js???

Comments

[crescent]

Ну у меня вот такая струкрура:

<div class="container">
<div class="row">
<div class="col-md-6">
<div1>
<div2>
</div>
<div class="col-md-6">
<div3>
<div4>
</div>
</div>
</div>

ВОт как тут сделать что добавить чтоб div2 и div4 стали одной высоты???

[Ankhena]

Не знаю почему Вы сами себе отвечаете, а не редактируете вопрос,
ответила ниже

Answer 1

[Ankhena]

1. Для Вашего кода:

function setEqualHeight(columns){
	var tallestcolumn = 0;
    columns.each(function(){
		currentHeight = $(this).height();
        if(currentHeight > tallestcolumn){
			tallestcolumn = currentHeight;
        }
    });
    columns.height(tallestcolumn);
}
$(document).ready(function(){
setEqualHeight($(".div1, .div3")); 
setEqualHeight($(".div2, .div4")); 

})

2. Правильнее: переверстать блоки и использовать CSS flex

Comments

[crescent]

надо всетаки заботать флекс пожалуй

Answer 2

[iBird Rose]

flex или js

Answer 3

[riot26]

https://jsfiddle.net/riot26/h8L9ohvc/
как вариант