高分急，提取div中的内容（js ）或者后台实现都行

2015-08-28 03:20:00 338 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

告别眼疲劳！保姆级教程：给你的SecureCRT v8.7.2换上护眼高亮配色（附透明背景设置）本文提供了一份详细的SecureCRT v8.7.2护眼高亮配色方案教程，帮助程序员缓解眼疲劳问题。通过科学调整配色方案、动态环境自适应设置以及字体渲染优化，显著提升终端使用的舒适度和工作效率。特别推荐Solarized Dark和One Dark Pro医学适配版配色方案，适合长时间编码工作。阅读详情

<div contenteditable="true" class="experTxt">
dgdsgd<img src="/a.jpg" />
<div>aaaaaaaaaakkk</div>
<div></br></div>
<div><img src="/b.jpg" />kkkkkkkkkkkk <a href="http://www.baidu.com">百度</a></div>
<div><a href="http://www.baidu.com">百度2</a></div>
</div>

我想实现的就是图片文字分开，放在数组里
['dgdsgd','img1','aaaaaaaaaakkk','img2','kkkkkkkkkkkk<a href="http://www.baidu.com">百度</a> ','<a href="http://www.baidu.com">百度2</a>']

如何实现

...全文

IEDA激活码失效？教你5分钟快速续期的方法本文针对IEDA激活码失效问题，提供了一套从快速应急到深度排查的完整解决方案。文章不仅详解了5分钟快速续期与清理缓存等应急方法，更深入剖析了授权机制、离线激活流程，并指导如何构建可持续的授权管理策略，帮助开发者彻底解决激活困扰，确保开发环境稳定。阅读详情

一切为了你

.NET社区 62,274 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

一切为了你 2015-08-28

打赏
举报

引用 13 楼 starfd 的回复:

var h = '<div contenteditable="true" class="experTxt">dgdsgd<img src="/a.jpg" /><div>aaaaaaaaaakkk</div><div><br/></div><div><img src="/b.jpg" />kkkkkkkkkkkk <a href="http://www.baidu.com">百度</a></div><div><a href="http://www.baidu.com">百度2</a></div></div>';
var i = 1;
h = h.replace(/<img\s+[^>]*>/g, function () {
    return '<div>img' + (i++) + '</div>';
}).replace(/<\/?br[^>]*>/g, '');
console.info(h);

给img加个div还可以，给其它的加没法做到

还有一种情况没考虑，如果一个div 里面有2个或者多个图片时，只能套一个div,现在这样是套了多个的。

娃都会打酱油了 2015-08-28

打赏
举报

var h = '<div contenteditable="true" class="experTxt">dgdsgd<img src="/a.jpg" /><div>aaaaaaaaaakkk</div><div><br/></div><div><img src="/b.jpg" />kkkkkkkkkkkk <a href="http://www.baidu.com">百度</a></div><div><a href="http://www.baidu.com">百度2</a></div></div>';
var i = 1;
h = h.replace(/<img\s+[^>]*>([\s\S]*?<\/div>)/g, function () {
    return '<div>img' + (i++) + '</div><div>' + arguments[1]+'</div>';
}).replace(/<\/?br[^>]*>/g, '');
console.info(h);

要不你就接受这样子吧，只要有image，都会给后面的内容添加一个div，因为div套div没样式的话本身没多大影响，但image前面的好像没办法，js的正则限制比较多

一切为了你 2015-08-28

打赏
举报

引用 13 楼 starfd 的回复:

var h = '<div contenteditable="true" class="experTxt">dgdsgd<img src="/a.jpg" /><div>aaaaaaaaaakkk</div><div><br/></div><div><img src="/b.jpg" />kkkkkkkkkkkk <a href="http://www.baidu.com">百度</a></div><div><a href="http://www.baidu.com">百度2</a></div></div>';
var i = 1;
h = h.replace(/<img\s+[^>]*>/g, function () {
    return '<div>img' + (i++) + '</div>';
}).replace(/<\/?br[^>]*>/g, '');
console.info(h);

给img加个div还可以，给其它的加没法做到

Img后面的文字内容不能加div标签吗

娃都会打酱油了 2015-08-28

打赏
举报

var h = '<div contenteditable="true" class="experTxt">dgdsgd<img src="/a.jpg" /><div>aaaaaaaaaakkk</div><div><br/></div><div><img src="/b.jpg" />kkkkkkkkkkkk <a href="http://www.baidu.com">百度</a></div><div><a href="http://www.baidu.com">百度2</a></div></div>';
var i = 1;
h = h.replace(/<img\s+[^>]*>/g, function () {
    return '<div>img' + (i++) + '</div>';
}).replace(/<\/?br[^>]*>/g, '');
console.info(h);

给img加个div还可以，给其它的加没法做到

一切为了你 2015-08-28

打赏
举报

div 都不去掉了

娃都会打酱油了 2015-08-28

打赏
举报

你上面要去div，下面又要分两个div，你到底要哪出啊

一切为了你 2015-08-28

打赏
举报

现在去去div标签，假如一个div里面有图片和文字能给他分成2个div 显示吗

娃都会打酱油了 2015-08-28

打赏
举报

var h = '<div contenteditable="true" class="experTxt">dgdsgd<img src="/a.jpg" /><div>aaaaaaaaaakkk</div><div><br/></div><div><img src="/b.jpg" />kkkkkkkkkkkk <a href="http://www.baidu.com">百度</a></div><div><a href="http://www.baidu.com">百度2</a></div></div>';
var i = 1;
h = h.replace(/<img\s+[^>]*>/g, function () {
    return 'img' + (i++);
}).replace(/<\/?(div|br)[^>]*>/g, '');
console.info(h);

还有什么要替换的吗？

一切为了你 2015-08-28

打赏
举报

引用 7 楼 starfd 的回复:

var h = '<div contenteditable="true" class="experTxt">dgdsgd<img src="/a.jpg" /><div>aaaaaaaaaakkk</div><div><br/></div><div><img src="/b.jpg" />kkkkkkkkkkkk <a href="http://www.baidu.com">百度</a></div><div><a href="http://www.baidu.com">百度2</a></div></div>';
var i = 1;
h = h.replace(/<img\s+[^>]*>/g, function () {
    return 'img' + (i++);
}).replace(/<div[^>]*>\s*<\/?br\s*\/?>\s*<\/div>/g, '');
console.info(h);

只带<br>标签的也去掉了

div标签也要去掉

娃都会打酱油了 2015-08-28

打赏
举报

var h = '<div contenteditable="true" class="experTxt">dgdsgd<img src="/a.jpg" /><div>aaaaaaaaaakkk</div><div><br/></div><div><img src="/b.jpg" />kkkkkkkkkkkk <a href="http://www.baidu.com">百度</a></div><div><a href="http://www.baidu.com">百度2</a></div></div>';
var i = 1;
h = h.replace(/<img\s+[^>]*>/g, function () {
    return 'img' + (i++);
}).replace(/<div[^>]*>\s*<\/?br\s*\/?>\s*<\/div>/g, '');
console.info(h);

只带<br>标签的也去掉了

娃都会打酱油了 2015-08-28

打赏
举报

var h = '<div contenteditable="true" class="experTxt">dgdsgd<img src="/a.jpg" /><div>aaaaaaaaaakkk</div><div><br/></div><div><img src="/b.jpg" />kkkkkkkkkkkk <a href="http://www.baidu.com">百度</a></div><div><a href="http://www.baidu.com">百度2</a></div></div>';
var i = 1;
h = h.replace(/<img\s+[^>]*>/g, function () {
    return 'img' + (i++);
});
console.info(h);

娃都会打酱油了 2015-08-28

打赏
举报

var $h = $('<div contenteditable="true" class="experTxt">dgdsgd<img src="/a.jpg" /><div>aaaaaaaaaakkk</div><div><br/></div><div><img src="/b.jpg" />kkkkkkkkkkkk <a href="http://www.baidu.com">百度</a></div><div><a href="http://www.baidu.com">百度2</a></div></div>');
        var arr = new Array();
        var imgNum = 1;
        AddToArray($h);
        console.info(arr);

        function AddToArray(dom) {
            $(dom).each(function (i, n) {
                if ($(n).is('img')) {
                    arr.push('img' + (imgNum++));
                } else {
                    var childs = $(n).find('>*');
                    if (childs.length > 0) {
                        for (var j = 0; j < childs.length; j++) {
                            AddToArray(childs[j]);
                        }
                    }
                    else {
                        arr.push($(n).html());
                    }
                }
            });
        }

这个是有问题的，如果只是替换图片的话简单点

一切为了你 2015-08-28