從底部到頂部在容器中添加文本的div div

是否可以從底部到頂部在大div容器中添加帶有文本消息的div？我想從底部開始列出我的聊天消息。任何帶有消息的新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時，我希望它顯示從下到上，因爲它們來了。

來源

2012-10-24 Vlatko

這當然是可能的 - 但是，這取決於你的CSS + HTML。有很多解決方案。請編輯你的問題更具體（顯示一些工作）。 –

Javascript可以做到這一點。使用Ajax更新頁面。這些鏈接可以幫助您瞭解如何動態地向頁面添加新元素：http://www.w3schools.com/dom/met_document_createelement.asp http://www.w3schools.com/dom/met_element_appendchild.asp – Hope4You

您需要選擇容器的最後一個孩子，然後插入使用.after()

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

來源

2012-10-24 02:09:34

回答

相關問題