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

时间:2015-05-08 15:28:47

标签: jquery outerheight

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

<div class="parent-div">

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

</div>

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

例如,如果p元素的高度为346px,那么我想将一个346px的margin-top应用于父div

我可以使用jQuery的outerHeight()获得高度,但我不知道如何使用该数字将余量应用于父元素。

非常感谢任何建议。

2 个答案:

答案 0 :(得分: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
})

答案 1 :(得分:1)

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

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