我有一个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
使用.after()jQuery方法：
$("div").after('<div id="div1">some content</div>');
这将在所有s之后添加some contentdiv 。 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本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句