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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
做个nodejs的项目,使用了thinkjs 3.0 的框架,编辑器为vs code ,之前用的好好的,每次 . 后都有提示的,可是使用了多模块后发现.. model的提示没有了..vs code 可以加插件,于是准备做个简易的插件自用
现在时下qq是很多年轻的小伙伴重要的交流工具,很多热恋的情侣,整天没日没夜私发双方的照片。可也因为一点小事提了分手,可求原谅太难了!一没有保存对方照片不知道如何是好?但是小编带你如何解决这些疑惑。
电脑版微信怎么发朋友圈,最近有很多小伙伴都在问关于微信电脑版的一些问题,小编下面给小伙伴们带来微信pc端发朋友圈教程分享,感兴趣的小伙伴们不要错过了哦,希望这篇文章能对小伙伴们有所帮助。
这几天电信发生的大面积网络不能使用的问题,很多小伙伴在正常能上网时上不去,网络对于手机来说是至关重要的,有些小伙伴在使用iPhone手机的时候偶尔遇到无法上网问题,不知道如何解决,接下来小编就给小伙伴们介绍一下具体的操作步骤。
手机上的微信软件是我们日常生活中必不可少的通讯软件,在我们聊天的时候免不了要发送照片,那如果我们照片在相册里找不到了怎么办那?点点给小伙伴们一个实用的小技巧。希望可以帮到苦恼的小伙伴们。
苹果手机相册的照片怎么删除不了?为什么苹果手机相册里的照片无法删除?
我们经常使用微信,每天很多小伙伴都会发几条朋友圈。撒狗粮的,发心情的,发动态的,发广告的,发游戏链接等,可是朋友圈不显示怎么办那?下面请跟我来,分分钟钟学会。
现在的软件在使用的时候是需要登录账号的,在这里就有用户好奇了夸克账号怎么退出登录呢?下面就来看一下小编给小伙伴们带来的夸克退出账号登录的方法吧。