Question

是否可以从下到上在big div容器中添加带有文本消息的div？我想从底部开始列出我的聊天消息。任何带有消息的新div我都需要在现有的div下添加旧消息（在底部孔容器中）。

感谢。

  <div id="public_message_container" style="overflow:auto;width:500px;height:300px;">
    <div class='public_message'><b>Nick1:</b> Message1</div>
    <div class='public_message'><b>Nick2:</b> Message2</div>
    <div class='public_message'><b>Nick3:</b> Message3</div>
    <div class='public_message'><b>Nick4:</b> Message4</div>
</div>

当我动态添加消息1-4时，我希望它从下到上显示，因为它们来了。

Answer 1

您需要选择容器的最后一个子项，然后使用.after()

进行插入

$("#public_message_container div").last().after("<div class='public_message'><b>Nick5:</b> Message5</div>")

从下到上添加容器中带有文本的div

1 个答案: