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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用JavaScript或jquery从标记中替换或移除包装的div,并将动态内容保留在原处？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含983字，纯文字阅读大概需要2分钟。

内容图文

我有一个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();

内容总结

以上是互联网集市为您收集整理的如何使用JavaScript或jquery从标记中替换或移除包装的div,并将动态内容保留在原处？全部内容，希望文章能够帮你解决如何使用JavaScript或jquery从标记中替换或移除包装的div,并将动态内容保留在原处？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端