jquery-将图像保留在div的顶部

Question

我有一个 root div元素，在div里面我有一个图像。

<div id="root">
  <img id="msg"/>
</div>

现在使用jquery我曾经在 root div中添加了n个div元素。问题是新的div元素出现在img标记之前。 。喜欢

<div id="root">
  <div id="b"></div>
  <div id="a"></div>
  <img id="msg"/>
</div>

但是我需要它来将div元素添加到img标签之后，如

<div id="root">    
  <img id="msg"/>
  <div id="b"></div>
  <div id="a"></div>
</div>

有关如何使用jQuery实现此目的的任何建议吗？

Answer 1

尝试：

$("your html").insertAfter($("#msg"));

Answer 2

喜欢这样：

$("#msg").after();

Answer 3

只需使用append方法代替prepend，如下所示：

$('#root').append('<div>Div N</div>')

以下是JSFiddle中的工作示例。

这是关于jQuery's append method的文档。

Answer 4

使用append（）而不是prepend（）：

1. append（）方法在第一个div之后添加div
2. prepend（）方法在第一个div之前添加div。

Answer 5

尝试

var newDiv = $("<div>test</div>");
$('img').after(newDiv);