Получить высоту элемента и использовать его в CSS

Question

У меня есть div элемент на моей странице, который содержит p элемент.

<div class="parent-div">

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

</div>

Я пытаюсь получить внешнюю высоту p элемент, а затем используйте это число, чтобы применить поле к родительскому элементу.

например, если высота p элемент 346px, тогда я хотел бы применить маргинальную вершину 346px к родителю 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 для применения стилей к элементам.