Javascript 将html元素添加到div中

我有三个嵌套的div

<div id="wrapper">
   <div id="innerWrapper">
      <div id="inner"></div>
   </div>
</div>

我需要通过jQuery添加html/所以我使用

$('#wrapper').html('<img src="profile.png"/>');

$（'#包装器'）.html（''；

---

但是当我这样做时，

innerWrapper

和

inner

div就会消失。如何添加

而不是替换

包装器中的div？
您需要使用
.appand（）
而不是
.html（）
，
.html（）
将删除前面的元素。
$（“#包装器”）.append（“”）

包装纸
内包装
内部的
使用
append（）
而不是
html（）


$（“#包装器”）.append（“”）

内包装
内部的
使用
追加
而不是
html

$('#wrapper').append('<img src="profile.png"/>');

使用
append（）
<代码>$（'#包装器'）。附加（''）
或
prepend（）-有多种方法可以执行此操作。。但这实际上取决于您希望将新元素添加到的位置