获取元素的高度并在 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

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

您可以使用 'css' 方法将样式应用于元素。

Answer 2

$('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
})

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

Get height of element and use it in css

jquery

outerheight