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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
微信的这次更新是比较大的,有了好多实用的小功能,现在跟我来看一下吧!对其生活越来越实用啦!
手机微信朋友圈中经常会看到很多好友都是只发文字不发图片,但是很多小伙伴们在发朋友圈的时候不知道微信朋友圈怎么发文字不发图片,不知道具体怎么操作?
我对canvas中rotate其实是一脸蒙逼的... 虽然之前有做过图片旋转,但那是在他人的基础上直接修改的,至于为啥会这样..讲真,还真没注意过,但是今天又需要用到这块了,实在搞不定了,找了各种资料,终于明白了.. 坐标系的问题。
日常生活中,我们经常使用到手机热点,它相当于一个移动路由器,可以开启WiFi在其他设备上直接连接使用,而且打开手机热点操作非常简单,那小伙伴们开启手机热点之后为什么连接不上呢,下面就和小编一起来看看吧!
一直在做K12教育方面的产品,不过大都是学校管理层面的,对于教学一直很少触及。当然,这类的产品已经存在不少了,在功能、设计方面我们都会借鉴一些进行改进,其中有一些基础数据.需要的话,看文章低端。
QQ文件传到微信就比较麻烦了,不过我会详细步骤教大家如何操作的。
苹果宣布,将面向个人消费者提供零件、工具与维修手册,从 iPhone 12 与 iPhone 13 开始。该计划将允许顾客获取苹果原装零件与工具,自行修理设备。
在智能手机使用中苹果手机用户量是庞大的,在我们使用苹果手机的时候,很多用户都会使用隔空投送功能,可以轻松的把自己手机的东西投送到另一台设备上,并且没有网络的情况下也可以使用,但是因为很多设备名字都类似,很多小伙伴们找不到另一台手机,想要知道苹果手机隔空投送名字怎么改?