Javascript 使用jQuery将元素插入页面

Javascript 使用jQuery将元素插入页面,javascript,jquery,Javascript,Jquery,我的页面上有一个空的div,我想使用jQuery将内容插入其中 例如: <div class="container"> </div> $('.container').prepend('<div class="inserted third">blah</div>'); 插入第一批内容后,我希望我的标记如下所示: <div class="container"> <div class="inserted first"&g

我的页面上有一个空的
div
,我想使用jQuery将内容插入其中

例如:

<div class="container">
</div>
$('.container').prepend('<div class="inserted third">blah</div>');

插入第一批内容后,我希望我的标记如下所示:

<div class="container">
    <div class="inserted first">blah</div>
</div>

废话
第二轮插入内容我希望是:

<div class="container">
    <div class="inserted second">blah</div>
    <div class="inserted first">blah</div>
</div>
<div class="container">
    <div class="inserted third">blah</div>
    <div class="inserted second">blah</div>
    <div class="inserted first">blah</div>
</div>

废话
废话
插入内容的第3轮我希望是:

<div class="container">
    <div class="inserted second">blah</div>
    <div class="inserted first">blah</div>
</div>
<div class="container">
    <div class="inserted third">blah</div>
    <div class="inserted second">blah</div>
    <div class="inserted first">blah</div>
</div>

废话
废话
废话
如何使用jQuery实现这一点

到目前为止,我已经尝试了
$(data).appendTo($(“.container”).before(“.inserted”)但这不起作用


更新:感谢您的所有回答。到目前为止,几乎所有的答案都有效。我必须选一个,所以我先选了最老的。再次感谢所有人的帮助。

您希望在当前子级之前插入内容。您需要的是功能:

$(".container").prepend(data);
// assuming data is <div class="inserted second">blah</div>
$(“.container”).prepend(数据);
//假设数据是废话

使用prepend代替
。appendTo()
使用prepend代替append。假设数据包含
blah

您可以使用:

或:

试试这个:

$('.container').prepend(DOM object or html string);
例如:

<div class="container">
</div>
$('.container').prepend('<div class="inserted third">blah</div>');
$('.container').prepend('blah');

看看,谢谢你的帮助。是的,
data
是带有
.inserted类的div
——我正在AJAX成功函数中使用它<代码>数据
是我的PHP处理程序所要回显的内容