我的网页上有一个div
元素,其中包含p
元素。
<div class="parent-div">
<p>Here's some text</p>
</div>
我正在尝试获取p
元素的外部高度,然后使用该数字将边距应用于父元素。
例如,如果p
元素的高度为346px,那么我想将一个346px的margin-top应用于父div
。
我可以使用jQuery的outerHeight()
获得高度,但我不知道如何使用该数字将余量应用于父元素。
非常感谢任何建议。
答案 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;将样式应用于元素的方法。