jQuery append and prepend dilema

Question

我试图给div元素附加<p>标签。问题是我需要隐藏div元素，但不是附加的<p>标签。以某种方式在前后添加它。我能做什么？

<div id='vid1'></div> 


$('#vid1').append('<p class="ytclick">text</p>'); 
$('#vid1').hide(); 

Demo

Answer 1

你不能在一个隐藏的一个可见元素。

你应该使用before或after：

$('#vid1').after('<p class="ytclick">text</p>');