jQuery追加并预先解决两难问题

Question

我尝试将<p>标记附加到div元素。问题是我需要隐藏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>');