Jquery：在第一个图像/第一个图像的div之后插入div

Question

我有一个div。

<div id="div1">some content</div>

和下面的div元素有img元素

<div><img src="url"/> </div>
some text

或 div元素，在图像标记上有超链接

<div><a href="url"><img src="url"/></a></div>
some text

如何使用jquery

获得以下输出

<div><img src="url"/> </div>
<div id="div1">some content</div>
some text

或

<div><a href="url"><img src="url"/></a></div>
<div id="div1">some content</div>
some text

Answer 1

使用.after() jQuery方法：

$("div").after('<div id="div1">some content</div>');

这将在 所有 some content之后添加div div 。

可能你需要一个更好的（更具体的）jQuery选择器，可能是这样的：

$("div > img").parent().after('<div id="div1">some content</div>');

---

  

after(content [, content])

     

插入由参数指定的内容 匹配元素集中的每个元素。

---

演示

$("div").after('<div id="div1">some content</div>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <a href="url">
    <img src="url" />
  </a>
</div>
some text