如何在jquery中的第一个子div之后追加元素？

Question

假设我有以下div:

<div id="mydiv">
 <div>1</div>
 <div>2</div>
 <div>3</div>
 <div>4</div>
</div>

如何在jquery或javascript中使我能够在"mydiv"的第一个孩子之后追加一个元素.或者是否有一些选择器允许我在第一个孩子之后选择和追加？

<div>
 <div>1</div>
 <div>Place to Insert Subsequent div</div>
 <div>2</div>
 <div>3</div>
 <div>4</div>
</div>

Answer 1

您可以使用:first-child和执行此操作after:

$("#mydiv div:first-child").after(newDiv);

演示

Answer 2

我更喜欢使用eq()而不是first-child因为它更灵活,如果我想将它更改为在第二或第三个div之后,我可以0将eq(0)函数中的值更改为eq(1)或eq(2).

 $("#mydiv div:eq(0)").after('<div>Place to Insert Subsequent div</div>')

http://jsfiddle.net/KjY7H/