冯海滨博客

当前位置:   网站首页 >> Js/Jquery

jQuery实现:将文本内的部分字段增添样式标红

--------------------广告位招租--------------------
<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>replaceDemo</title>  
    </head>  
    <body>  
        <h1 id="content">算法和数据结构是程序的第一秘诀,缺之算法和数据结构是编程的最大原因。</h1>  
    </body>  
    <script type="text/javascript">  
        var str = "算法" + "," + "数据结构";  
        //循环的分别赋样式  
        for (var i = 0; i < str.split(',').length; i++) {  
            var re = "/"+str.split(',')[i]+"/g";  
            //获取对象内容  
            var txt = document.getElementById("content").innerHTML;  
            //给符合要求的文本加上样式替换掉,eval解决转义问题  
            document.getElementById("content").innerHTML = txt.replace(eval(re),"<span style='color:red'>"+str.split(',')[i]+"</span>");  
        }  
    </script>  
</html>



发表我的评论

Hi,您需要填写昵称和邮箱!

  • 必填项