需求:给一串文字中被{}包裹的文字 添加文字颜色

编程入门 行业动态 更新时间:2024-10-15 00:19:55

需求:给一串<a href=https://www.elefans.com/category/jswz/34/1769559.html style=文字中被{}包裹的文字 添加文字颜色"/>

需求:给一串文字中被{}包裹的文字 添加文字颜色

<script>

    // 需求:让{} 内的文字添加文字颜色

 const str="如是我闻,{一时,佛在舍卫国祗树给孤独园,与大比丘众千二百五十人俱。}尔时,世尊食时,著衣持钵,{入舍卫大城乞食.于其城中},次第乞已,还至本处.饭食讫,收衣钵,{洗足已,敷座而坐}"

 let arr=str.split("}")   //首先让} 为标志分成若干个数组

arr.pop() // 删除最后一个否则会产生一个空数组

console.log(arr);

// (3) ['如是我闻,{一时,佛在舍卫国祗树给孤独园,与大比丘众千二百五十人俱。', '尔时,世尊食时,著衣持钵,{入舍卫大城乞食.于其城中', ',次第乞已,还至本处.饭食讫,收衣钵,{洗足已,敷座而坐']

//再将数组循环 让每项以 {为标志分裂成两个数组 {前的为第0项 后的为第1项

arr.forEach(item=>{  

    var newArr= item.split("{")

    console.log(newArr[1]);

    document.write(newArr[0]+

    "<span class='text'>"+'{'+newArr[1]+'}'+"</span>")

        // 加{} 并且加样式

})

</script>

 

更多推荐

需求:给一串文字中被{}包裹的文字 添加文字颜色

本文发布于:2024-02-07 01:18:01,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1752440.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:文字   包裹   颜色   需求

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!