jquery - 要素の高さを取得して CSS で使用する

Question

divページに要素を含む要素がありpます。

<div class="parent-div">

    <p>Here's some text</p>

</div>

要素の外側の高さを取得しようとしておりp、その数値を使用して親要素にマージンを適用しています。

たとえば、p要素の高さが 346px の場合、346px の margin-top を parent に適用したいと思いますdiv。

jQuery の を使用して高さを取得できますが、outerHeight()その数値を使用して親要素にマージンを適用する方法がわかりません。

どんなアドバイスでも大歓迎です。

Answer 1

$('p').each(function(){//for each paragraph
   $(this).parent().css("margin-top", $(this).outerHeight() +"px");
   //change its parent   margin-top   with the current p's outerHeight
})

Answer 2

var height = $("#yourelement").outerHeight();
$("#parent").css('margin-top', height);

「css」メソッドを使用して、要素にスタイルを適用できます。