如何将dom元素附加到另一个dom元素中但在jquery中的第一个位置

Question

我有这个HTML:

<div id="wrapper">
     <div class="inner">Inner</div>
     <div class="inner">Inner</div>
     <div class="inner">Inner</div>
</div>

我想追加这一行

<div id="first">first</div>

在第一个div#wrapper和第一个 之间div.inner- 所以即使没有元素,它也将始终是第一个元素.

所以它看起来像这样:

<div id="wrapper">
     <div id="first">first</div>
     <div class="inner">Inner</div>
     <div class="inner">Inner</div>
     <div class="inner">Inner</div>
</div>

或者如果我没有.innerdiv,它将如下所示:

<div id="wrapper">
     <div id="first">first</div>
</div>

我怎么做？谢谢,Alon

Answer 1

使用prepend()(docs)

$('#wrapper').prepend('<div id="first">first</div>');