如何使用jQuery在div內動態添加div。它應該首先顯示？

我有這樣的父母的div。如何使用jQuery在div內動態添加div。它應該首先顯示？

<div id='parent'> 
    <div id='child_1'>........</div> 
    <div id='child_2'>........</div> 
    <div id='child_3'>........</div> 
    <div id='child_4'>........</div> 
</div>

我想補充一個DIV這樣的：

<div id='page_number'> You are watching 5th object out of 100 </div>

裏面父的div我用追加做到這樣。

$("#parent").append("<div id='page_number'> You are watching 5th object out of 100 </div>");

但是它在child_4 th div後面。但我需要在child_1下方顯示它。它應該是這樣的

<div id='parent'> 
    <div id='page_number'> You are watching 5th object out of 100 </div> 
    <div id='child_1'>........</div> 
    <div id='child_2'>........</div> 
    <div id='child_3'>........</div> 
    <div id='child_4'>........</div> 
</div>

我該怎麼辦。

來源

2012-02-16 learner

化妝使用jQuery功能.prepend()的：插入內容，由指定的參數，每個的開始元素中的一組匹配元素

$('Selector ').prepend($('<div> new div </div>'));

來源

2012-02-16 09:18:30

使用prepend()而不是append()：

$("#parent").prepend(
    "<div id='page_number'> You are watching 5th object out of 100 </div>");

來源

2012-02-16 09:17:56

使用預先準備的，而不是追加：

$("#parent").prepend("<div id='page_number'> You are watching 5th object out of 100 </div>");

來源

2012-02-16 09:18:21 Hadas

您正在尋找「前加上」：

prepend Api

$("#parent").prepend(Your HTML)

來源

2012-02-16 09:21:43

除了使用其他的答案中提到的.prepend（）命令，你也可以使用.prependTo()命令：

$("<div id='page_number'>You are watching 5th object out of 100 </div>").prependTo("#parent");

來源

2012-02-16 09:24:54 harag

請參閱$("#parent").append("")在所選元素的末尾添加您的div .... 如果您想添加divs作爲父級的第一個孩子，請嘗試前置...

$("#parent").prepend("");

來源

2014-02-14 09:54:32

如何使用jQuery在div內動態添加div。它應該首先顯示？

回答

相關問題