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

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

点点

2021-04-26 20:42 阅读 479 喜欢 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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
网站上总会有在文本域中提交代码的操作,那么如何处理呢?
小伙伴们在工作中,经常会有一些事情需要记录在本或者电脑里,很多小伙伴们看过小编之前的文章介绍过很多关于笔记软件的内容,有的小伙伴会去充值会员进行使用,也有的小伙伴不想要充会员,就来问小编微信可以记笔记吗,如何转发笔记给好友呢?
微信是我们常用的社交软件,聊天时候免不了不想打字而去发送语音,或者现在很多网课都是通过微信发给小伙伴们,都知道微信里面的语音是无法转发的,而且微信的android版的语音文件采用amr格式,而iPhone版采用aud格式,这两种格式连播放器都无法播放!那么当小伙伴们需要永久保存和某个人的语音聊天记录到电脑或手机上时,应该怎么办呢?
在日常生活中微信作为现在使用最多的即时通讯软件之一,微信电脑版,截图应该是小伙伴们使用比较多需要经常用到的功能了,但对于那些不常使用电脑版微信的朋友,怎么使用微信截图还是不太清楚?
现在的软件在使用的时候是需要登录账号的,在这里就有用户好奇了夸克账号怎么退出登录呢?下面就来看一下小编给小伙伴们带来的夸克退出账号登录的方法吧。
手机已经成为我们必备的生活工具,如果遇到需要将几张图片拼合在一起的情况时,用手机应该使用什么应用可以达到效果呢,怎么把几张图片拼合成一张照片呢,具体该怎么操作,下面就和小编一起来看看吧!
​QQ9.0版本终于发布了!作为中国最大的社交软件之一,QQ一直备受关注。这次,QQ团队带来了全新的9.0版本,不仅在界面上进行了大刀阔斧的改革,还加入了许多实用的新功能。让我们一起来看看这次QQ9.0有哪些值得期待的亮点吧!
如果有台能翻墙的服务器,那么我们就可以自己做一个代理,这样本地就可以上网啦..