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's 获取高度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”方法将样式应用于元素。