Как изменить высоту элемента в блоке?

Question

[NisXan]

На странице есть несколько блоков с такой конструкцией:

<div class="item-el">
  <div class="card-resize-container">
    <div class="resize-top">
      <div class="card-title">
         текст текст текст текст текст 
      </div>
      <div class="card-title">
        текст текст текст текст текст 
      </div>      
    </div>

    <div id="card-resize">
      текст текст текст текст
    </div>
  </div>
</div>

высота и ширина .card-resize-container известна
ширина всех div'ов 100%
высота .resize-top не известна, т.к. в разных .card-resize-container может быть разное количество строк в .resize-top

Нужно высчитывать разницу высоты .card-resize-container - .resize-top и присваивать ее #card-resize

накалякал что то такое:

$(document).ready(function () {
    var card_resize = $('#card-resize');

    $(".item-el").each(function () {
        var top_card = $('.resize-top').height();
        var card_container = $('.card-resize-container').height();
           if(card_resize.length > 0) {
              mh = card_container - top_card;
           }
    });
    card_resize.height(mh);
});

вроде как работает, только для первого дива item-el, в остальных ничего не меняет.

Как заставить скрипт работать для нескольких блоков и для каждого индивидуально высчитывать высоту?

Comments

[Ankhena]

Заменить id на class и использовать $(this)

[NisXan]

Ankhena, что нужно заменить на $(this)?

[Ankhena]

NisXan, да что за жизнь такая
внимательноо читайте что написано

[Милок Мурлыка]

NisXan, всё. Что бы работало относительно каждого элемента, нужно делать не глобальную выборку как вы:
$('selector');
А относительно елемента:
$(this).find('selector');

Answer 1

[Ankhena]

Может, обойтись простым CSS?
https://jsfiddle.net/5fag4k8L/

Comments

[NisXan]

Высота то фиксированная, а у вас если написать больше текста то не див увеличивается

[Ankhena]

NisXan, у вас в вопросе написано:

высота и ширина .card-resize-container известна

Известна это что значит?

Высоту в моем примере можете вообще убрать, можете указать только минимальную, сути это никак не изменит.

[Ankhena]

NisXan, без высоты
https://jsfiddle.net/81k14hfe/

точнее по 100% высоте родителя, поскольку из вопроса не понятно зачем лишняя обертка.

[NisXan]

Спасибо, ваш метод работает)

Answer 2

[NisXan]

https://jsfiddle.net/rppfctdj/