• jQuery 페이지 또는 객체에서 특정 키워드 강조하기

    2016. 11. 17.

    by. Yo.


    특정 페이지 또는 객체에서 키워드 찾는 함수..


    1원짜리는 아니고...3원쯤의 가치가..;;



    Test Url : http://www.uhoon.co.kr/test/3143.html



    <!DOCTYPE html>
    <html>
     
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>KeyWord Highlights</title> 
        <script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
        </head> 
        <script type="text/javascript">
        <!-- 
            $(document).ready(function(){
                fnKeyWordHighlights("p","감기");
            });
     
            function fnKeyWordHighlights(obj,keyword)
            {
                $(obj).each(function(){  
                    $(this).html($(this).html().replace(eval("/"+keyword+"/gi"), "<span style='color:red;font-weight:bold;'>"+keyword+"</span>"));
                });
            } 
        //-->
        </script>
    </head>
    <body > 
        <p>나는 오늘 감기에 걸렸다. 지겨운 감기.. 너무 싫다.</p>
    </body> 
    </html>
    


    댓글