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

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

点点

2021-04-26 20:42 阅读 480 喜欢 0

工具实现: 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,则只添加第一个,如果只有中文,则重新处理,添加外层包裹。

转载请注明出处: http://sdxlp.cn/article/zifu.html


如果对你有用的话,请赏给作者一个馒头吧 ...或帮点下页面底部的广告,感谢!!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
日常生活中,免不了要换新手机,但是不想把数据留在旧手机中,如何解决?智能手机现在就是两种系统,安卓系统与苹果系统,今天说一下苹果系统的数据传输,跟小编来看一下吧!
现在最流行的就是在手机上就可以打卡了,早就不用什么打卡机了,还得输入指纹多麻烦,钉钉可以说是现如今大小企业用的最多一款智能移动办公平台了,但是还有不少的人也许还不清楚了解钉钉自动上下班打卡有多方便。
手机上的微信支付是一款常用的聊天社交、支付应用,是我们生活中必不可少的应用,那我们在使用微信支付的过程中遇到了支付受限的问题,这是为什么呢,最长多久可以解封恢复使用,下面就和点点一起来看看吧!
如果在安装nginx时不运行或安装nginx发现少了一些需要的模块的话,需要重新安装,那么如何来操作呢?
小伙伴们说起QQ应该没有不知道的吧,作为国内最常使用的即时通讯软件之一,QQ仍然还是很多小伙伴们日常交友聊天的必用软件。但如果是在电脑上使用QQ接收文件,这些接收的QQ文件在电脑哪个文件夹中呢?
小伙伴们在工作中,经常会有一些事情需要记录在本或者电脑里,很多小伙伴们看过小编之前的文章介绍过很多关于笔记软件的内容,有的小伙伴会去充值会员进行使用,也有的小伙伴不想要充会员,就来问小编微信可以记笔记吗,如何转发笔记给好友呢?
在通过微信支付完成知乎会员支付后,都会默认开启自动续费服务,如果不及时关闭将会在会员到期的前一天自动续费会员,那怎么关闭知乎自动续费呢?下面就和小伙伴们一起来看看吧!
微信作为学习工作都离不开的社交软件,其中很多聊天记录都非常重要。当手机中的聊天记录不小心丢失后会产生比较大的麻烦,接下来小编就给小伙伴们介绍一下怎么通过电脑版微信将聊天记录恢复到手机。