2014-01-16 2 views
0

의견 목록을 필터링하기 위해 quicksearch이라는 jquery 플러그인을 사용하고 있습니다.검색 할 jquery quicksearch 요소가 예상대로 작동하지 않습니다.

<ol class="commentlist"> 


     <li class="comment byuser comment-author-admin bypostauthor even thread-even depth-1" id="li-comment-9"> 

      <article id="comment-9" class="comment"> 


       <div class="comment-content"> 
        <p><span class="ecf-field ecf-field-1"> 

       <strong class="ecf-question">I CHOOSE :</strong><span class="ecf-answer">HTML5</span> 

        </span></p> 

       <p>I agree with HTML 5</p> 

       </div> 

      </article><!-- #comment-## --> 

     </li><!-- #comment-## --> 

내가 원하는 것은 검색 검색어 검색 HTML5가 검색 쿼리에 해당하는 <li> 항목을 표시하는 경우, 그래서이 <span class="ecf-answer">HTML5</span>으로 검색하는 것입니다 : 여기

는 마크 업에서 조각입니다.

문제는 내가 HTML5을 검색하는 경우 단지 내 문제는 내가이 <span class="ecf-answer">HTML5</span>를 검색하지만 여전히 모든 <li> 항목을 제거하는 방법을 할 수있는 <span class="ecf-answer">HTML5</span>

을 통해 전체 <li> 항목을 통해 검색 및되지 않는 것입니다 어느 쪽이 일치하지 않습니까?

여기 내가 말하고자하는 것을 더 잘 이해할 수있는 fiddle입니다.

이것이 가능합니까?

+1

hmmm. 아마도 go() 메서드를 살펴보고 캐시 [i]에 대해 테스트 할 것입니다. 하위 텍스트를 포함하는 P에 고유 한 클래스를 추가하십시오. cache [i]가 ... ala .. $ ('. omitP : contains (query)', cache [i] ')를 나타내는 요소를 가져 와서, 길이를 되찾았다면 ... 그렇지 않다면 .... 그 배열의 값을 연결하고 일치 카운터를 감소시킵니다. 그 라인을 따라. –

+0

오, 조금 혼란 스럽다. 내가해야 할 일을 더 잘 이해하기 위해 간단한 예를 들어 줄 수 있겠 니? 감사합니다. 귀하의 의견을 감사드립니다. – agis

답변

0

JSFiddle을 통해 제공 한 코드에서 쿼리에서 비교할 책임이있는 캐시 var가 전체 <li> 내부 구조로 전달된다는 것을 알았습니다. 라인 # 134을 편집하여

:

return e.strip_html(this.innerHTML);

return e.strip_html($(this).find(".ecf-answer").html());

에 ... 당신은 각 만 .efc 응답 부분을 비교하는 응용 프로그램을 말하고있다 목. 다음과 같이 여기

이 작업 바이올린 http://jsfiddle.net/2QAdv/1/

그러나의,의 빠른 검색 생성자에 selector 가치를 제공하는 또 다른 해결책은있다 :

$("#id_search").quicksearch("ol li article ", { 
               noResults: '#noresults', 
               loader: 'span.loading', 
               selector: '.ecf-answer' 
               }); 

http://jsfiddle.net/2QAdv/2/

나는 희망 이것은 당신이 찾고있는 것입니다.

환호 :

+0

예, 이것이 내가 찾고있는 것입니다. 고맙습니다 ! – agis

관련 문제