获取元素的高度并在css中使用它

Question

我的网页上有一个div元素，其中包含p元素。

<div class="parent-div">

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

</div>

我正在尝试获取p元素的外部高度，然后使用该数字将边距应用于父元素。

例如，如果p元素的高度为346px，那么我想将一个346px的margin-top应用于父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);

您可以使用＆＃39; css＆＃39;将样式应用于元素的方法。