Javascript将div添加到另一个div的顶部

Question

我想在另一个 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 片段可以为我执行此操作？

感谢您的帮助! :)

Answer 1

.append() 会将其附加到 #chat-box 的末尾。

.prepend() 将在其开头预先挂起它，就像您想要实现的目标一样。

var new_item_html = "<div class='item'>i am an item</div>"
$("#chat-box").prepend(new_item_html);

希望有帮助。