我想在另一个 div 元素的顶部添加一个 div 元素。
<div class="chat-box" id="chat-box">
<div class="item">
<img src="avatar.png"/>
<p class="message">
<a href="#" class="name"><small class="text-muted pull-right"><i class="fa fa-clock-o">Date</i></small></a>
Message
</p>
</div>
</div>
我需要在已有的“item”div 之上添加新的“item”div。 是否有任何 jquery 或 javascript 片段可以为我执行此操作?
感谢您的帮助! :)
最佳答案
.append()
会将其附加到 #chat-box
的末尾。
.prepend()
将在其开头预先挂起它,就像您想要实现的目标一样。
var new_item_html = "<div class='item'>i am an item</div>"
$("#chat-box").prepend(new_item_html);
希望有帮助。
关于Javascript将div添加到另一个div的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22437700/