Установить родительский div в абсолютную высоту дочернего div

Question

У меня есть несколько div .parent, каждый из которых содержит абсолютный позиционный div .child.Мне удалось увеличить высоту .parent до высоты .child с помощью следующего кода.

Однако это делает каждого .parent одинаковой высотой, которая является высотой самого большого .child на сайте.,Мне нужно, чтобы каждый .parent только увеличивал свою высоту до своего .child и не больше.

Есть предложения?

function parentHeight(){
     divHeight = $('.parent .child').height();
     $('.parent').css({'height' : divHeight});
 }
 parentHeight();

Answer 1

Попробуйте выполнить, используя jQuery.each

function parentHeight(){
    $('.parent .child').each((i,el) => {
      $(el).closest(".parent").css({'height' : $(el).height()})
    });
 }
 parentHeight();

.parent {
  background-color: blue;
  width: 100px;
  display: inline-block;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="parent"><div class="child" style="height:200px">A</div></div>
<div class="parent"><div class="child" style="height:300px">B</div></div>
<div class="parent"><div class="child" style="height:400px">C</div></div>