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

[一切为了你]

<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>']

如何实现

[娃都会打酱油了]

文本有格式要求不？

[sy401042879]

引用

dgdsgd<img src="/a.jpg" />

1：你例子的这段代码能不能再严谨的，或者说都用div包裹起来，不要有单独的文字代码。 2：用jquery试着一步一步弄，应该不是啥大问题。

[一切为了你]

现在就是格式不统一

[一切为了你]

能不能这样把div <br>标签去掉 把img图片 替换成 img1,img2 其他保留

[娃都会打酱油了]

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());
                    }
                }
            });
        }

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

[娃都会打酱油了]

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);

[娃都会打酱油了]

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>标签的也去掉了

[一切为了你]

引用 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标签也要去掉

[娃都会打酱油了]

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);

还有什么要替换的吗？

[一切为了你]

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

[娃都会打酱油了]

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

[一切为了你]

div 都不去掉了

[娃都会打酱油了]

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还可以，给其它的加没法做到

[一切为了你]

引用 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标签吗

[娃都会打酱油了]

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的正则限制比较多

[一切为了你]

引用 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,现在这样是套了 多个的。