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处理程序所要回显的内容