높은 조명 각도 제이,제이 쿼리 및 씨에스을 사용하여 검색 된 텍스트

StackOverflow https://stackoverflow.com//questions/11685473

문제

이 플러그인을 사용하여 텍스트를 검색합니다."http://code.google.com/p/jquery-highlight/downloads/list "..

그러나 이 코드를 각도 조절로 래핑할 수 없습니다 , 나는"이 쿼리 플러그를 호출하는 지시문을 작성할 수 없습니다"라고 말하는 것을 의미합니다...!!!

업데이트 :

구글 그룹에서 같은 게시물:

이 그룹은

도움이 되었습니까?

해결책

업데이트:이것은 단지 예입니다.당신은 당신의 필요에 따라 수정할 수 있습니다.

이를 위해 정규 표현식 비교가 필요하지 않습니다.자바 스크립트의 간단한 사용을 만들 수 있습니다 split() 기능

1)강조 표시 스타일을 정의합니다.

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

2)샘플

<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>

3)자바스크립트

            $(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);
        }

그게 다야....

설명 -: split() 검색 문자열에 따라 대상 문자열을 깰 것입니다.이것은 쉼표로 구분 된 값을 검색하는 방법과 유사합니다.이 경우 검색 문자열은 쉼표처럼 작동합니다.:)

그런 다음 계속 arr[0] 그대로.검색 문자열을 강조 표시하고 다음에 추가합니다 arr[0].추가 arr[1] 위의 결과 등등.

간단한....

당신은 단지 그대로 텍스트의 나머지 부분을 유지 일치하는 부분을 강조해야에서와 같이 텍스트를 검색?

다른 팁

Angular-UI 하이라이트 필터를 사용할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top