jQuery - 在DIV块中添加html代码

Question

是否可以在div块中添加html代码？ 这是我的HTML代码

<div id="content-area">
<p>welcome to ...</p>
</div>

我想在<div id="content-area">之后插入新块 使用ff代码<p class='info'>Information...</p>

所以输出就好了。

<div id="content-area">
<p class='info'>Information...</p>
    <p>welcome to ...</p>
    </div>

谢谢！

Answer 1

$('#content-area').prepend("<p class='info'>Information...</p>");

Answer 2

使用.prepend

$('#content-area').prepend($('<p>', { 'className' : 'info',text : 'your text'}));

Answer 3

var p = $('<p />', {'class':'info', text: 'Information...'});

$('.content-area').prepend(p);