jqバージョン検索テキストキーワードハイライト


Document <br> .highlight {<br> color: red;<br> }<br>
検索
             ,        。       ,      。

                  ,          ,   QQ      ,               ,                          ,              ,            ,             ,    ,         ,    。                      ,        ,      ,        ,        ,         ,                              ,         ,        。           ,         ,         ,       。

                  ,         。                 ,            ,          ,           ,        ,     ,       ,                。       ,           ,      ,     ,              。       ,     ,                  ,           ,            ,    ,          ,               。

                  ,           ,           ,     。          ,    。

           ,            ,       ,                ,          ,            ,      ,     ,                              ,     ,               。

           ,     ,   ,      ,      ,      ,      ,          ,         ,     ,                 ,          ,       ,     。       ,            。      ,      ,       ,       。

                 ,     。

             ,            ,     ,            ,           。    ,     ,        。       ,       ,       ,       。

                        ,    ,    ,     ,    。     ,    ,     ,    。     ,    ,     ,    。     ,    ,     ,    ,    。          ,         。

          ,       ,          ,               ,       ,          ,       。

          ,      ,      ,    ,       ,     ,    ,    ,      ,    ,    ,       ,              ,    ,       ,     ,       。       ,       。      ,     ,           ,         ,             ,                  ,        ,    ,          ,       ,      。       ,      。
</div>
<script src="jquery.js"></script>
<script>
    $("#searchBtn").on("click", function () {
        //   jq          span  
        // jQuery 1.4    unwrap  。
        if ($('.highlight').length > 0) {
            $(".highlight").contents().unwrap();
        }
        let regExp = new RegExp($("#search").val(), 'g');
        $('.container').each(function () {
            const html = $(this).html();
            const pattern = //g;
            if (!html.match(pattern)) {
                const newHtml = html.replace(regExp, `<span class="highlight">${$("#search").val()}</span>`);
                $(this).html(newHtml);
            }
        })
    })
</script>