编程语言
首页 > 编程语言> > 如何使用JavaScript或jquery从标记中替换或移除包装的div,并将动态内容保留在原处?

如何使用JavaScript或jquery从标记中替换或移除包装的div,并将动态内容保留在原处?

作者:互联网

我有一个rss小部件,可以生成这些奇怪的div,从而影响博客文章的布局.这些div围绕着图像,并且只有一个文本段落将其他应环绕在图像周围的段落推入下方,从而形成了非常尴尬的空间块.

这是现有标记的示例:

<div class="separator" style="clear: both; text-align: left;">
<a style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" imageanchor="1" href="#" target="_blank">
<img width="320" height="214" border="0" src="http://3.bp.blogspot.com/-TIpzIZpEY50/TwEruI4XDlI/AAAAAAAAAXg/gIv3vafB3Sc/s320/December+2011+130.JPG">
</a>
and here is a bunch of text 
</div>

我想做的是删除包装的div类分隔符,并替换为其中的内容.该div的每个实例具有不同的内容.

因此,我尝试使用以下jquery脚本,但它不起作用,因为内容未包装在子div中,因此我被卡住了:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("div.separator").replaceWith(function() {
return $(this).contents();

});

谢谢你的帮助!

解决方法:

$("div.separator").children().unwrap();

标签:replacewith,html,javascript,jquery
来源: https://codeday.me/bug/20191101/1986257.html