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>

我需要添加新的＆＃34; item＆＃34;在已经存在的那些之上划分。是否有任何jquery或javascript snipped为我做这个？

感谢您的帮助！：）

Answer 1

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

.prepend()将预先 - 在它开头时，就像你想要实现的那样。

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

希望有所帮助。

Answer 2

一般情况下，div的显示顺序如下。任何额外的div将是最后一个。在div的样式位置使用：绝对

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

2 个答案: