Javascript 使用Angular js、jQuery和Css高亮显示搜索的文本_Javascript_Jquery_Css_Angularjs

Javascript 使用Angular js、jQuery和Css高亮显示搜索的文本

javascript jquery css angularjs

Javascript 使用Angular js、jQuery和Css高亮显示搜索的文本,javascript,jquery,css,angularjs,Javascript,Jquery,Css,Angularjs,我正在使用这个jquery插件搜索文本：“ 但我不能用angular js包装这段代码，我的意思是“我无法编写一个指令来调用这个jquery插件” 更新：谷歌集团的同一帖子：更新：这只是一个例子。您可以根据需要进行修改您不需要对RegExp进行比较。让我们简单地使用javascript的split（）函数 1）定义高亮显示的样式 .srchslctn{ background-color: yellowgreen; color: red; } 2）您的示例HTM

我正在使用这个jquery插件搜索文本：“

但我不能用angular js包装这段代码，我的意思是“我无法编写一个指令来调用这个jquery插件”

更新：

谷歌集团的同一帖子：

更新：这只是一个例子。您可以根据需要进行修改

您不需要对RegExp进行比较。让我们简单地使用javascript的

split（）

函数

1）定义高亮显示的样式

.srchslctn{
    background-color: yellowgreen;
    color: red;
}

2）您的示例HTML

<body>
    <div>
        <div id="serach-Paragraph">
            Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
        </div>
        <input type="button" id="h" value="Highlight"/>
        <div id="target"></div>
    </div>
</body>


Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

3） JavaScript

            $(document).ready(function(){
            $("#h").on('click',function(){
                highlight(); 
            });
        });

        function highlight(){
            $("#target").empty();
            var mainString = $("#serach-Paragraph").html();
            var searchString = "ipsum";
            var arr = mainString.split(searchString);
            var len = arr.length;
            var finalString="";
            for(var i=0;i<arr.length;i++){

                finalString+=arr[i];

                if(i<len-1){
                    finalString+='<span class="srchslctn">'+searchString+'</span>';
                }
            }
            $("#target").html(finalString);
        }

$（文档）.ready（函数（）{
$（“#h”）。在（'click'，function（）上{
突出显示（）；
});
});
函数高亮显示（）{
$（“#目标”）.empty（）；
var mainString=$（“#serach段落”）.html（）；
var searchString=“ipsum”；
var arr=mainString.split（searchString）；
var len=阵列长度；
var finalString=“”；
对于（var i=0；i您可以使用过滤器。
您的问题非常模糊。更具体地说，请提供一些示例代码im使用此jquery插件搜索文本“”…但我无法将此代码包装在angular js中，我的意思是“我无法编写一个指令来调用此jquery插件”在Google组中的同一帖子：非常活跃的组“