如何在另一个dom元素内附加一个dom元素但在jquery的第一个位置答案

【问题标题】：How to append a dom element inside another dom element but in first position in jquery如何在另一个dom元素内附加一个dom元素但在jquery的第一个位置
【发布时间】：2012-04-17 00:15:57
【问题描述】：

我有这个 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 和 first 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>

或者如果我没有.inner div，它看起来像这样：

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

我该怎么做？谢谢，阿隆

【问题讨论】：

标签： javascript jquery html append

【解决方案1】：

使用prepend() (docs)

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

【讨论】：