js 向富文本内容添加字符串

提供一个比较简单的小工具，或许能给你个灵感呢？

富文本内容存储在数据库，在页面展示的时候，需要向富文本添加一些字符串（比如说：ABCD ，又或者分数等）。

工具实现： jquery

代码如下：

addTextToDom : function(html,text){
    var $t;
    try{
        $t = $(html);
        if($t.length == 0){//全中文
            $t = $('<span>'+html+'</span>')
        }
    }catch(e){
        //如果出现报错，基本上可以确认外层没有包裹，增加一个p
        $t = $('<p>'+html+'</p>');
    }
    var arr = [];
    $t.each( function(index,item){
        if(index > 0 ){
            arr.push($(item));
        }
    });
    var $first = $($t.get(0));
    var $new = $('<span><span class="addT">'+text+'</span>'+$first.html()+'</span>');
    return $new.get().map(a=>{return $(a).get(0).outerHTML;}).join('') + (arr.map(function(item){
        return $(item).get(0).outerHTML;
    }).join(''));
},

以上，主要是如果存在多个dom，则只添加第一个，如果只有中文，则重新处理，添加外层包裹。