텍스트의 값을 검색하고 강조 표시합니다.

Question

그래서 지금까지는 <select>처럼 약간의 변경을 가한 것처럼 가장하는 플러그인이 있습니다.

거기에 검색 필드가 있으며, 내가하고 싶은 일은 발견 된 값을 강조 표시하는 것입니다 (또는 decoration: underline으로 텍스트를 작성하는 것).

문제는 내가 제대로 값으로 작동하는 방법을 모르는, 완전히 전에 발견 된 값 뒤에 내가 (<div> 또는 <i> 같은) 태그를 삽입 할 수있는 방법이 있고 생각하지 않는 것입니다.

JSFiddle은 여기에 있습니다 : http://jsfiddle.net/kspD8/

당신은 라인 269에 검색에 대한 작업을 수행하는 코드를 찾을 수 있습니다

/* 
=========================================================== 
    Keyup in search field 
=========================================================== 
*/ 

: 당신이 그것을 찾을 수 섹션을 찾을 수없는 경우

$this.find('.ms-column:contains("' + value + '")').parents('.multiple-selector-table-row').show(); 

플러그인 논리로 인해 이전에 선택한 것 이외의 다른 필드를 선택할 수 없습니다 (버그가 아니며 경고 만 표시됨).

질문이 있으시면 언제든지 문의하십시오.

당신이이 플러그인을 사용할 수 있습니다

Answer 1

친구, 당신은 같은 하이라이트 플러그인을 사용할 필요가 말했듯이 :

이

http://bartaz.github.io/sandbox.js/jquery.highlight.html

업데이트이 줄을 코드 :

를 사용하는 대신

:

$this.find('.ms-search').keyup(function(event){ 

사용 : 다음

$this.find('.ms-search').on('input',function(event){ 

과, 당신의 'if'의 사용 내부 :

: 그것은 <span class="highlight">value</span>

데모로 .ms-search에 입력 한 텍스트를 감싸

$this.find('.ms-column:contains("' + value + '")').highlight(value); 

http://jsfiddle.net/KasH3/

Answer 2

... http://hugoware.net/blog/more-jquery-magic-search-highlighting