Jquery 모바일 데이터 필터 문자열 길이

Question

30.000 개 이상의 항목이있는 목록이 있습니다.

문자열 길이가 2보다 큰 경우 검색을 시작할 수 있습니까?

코드 :

<div class="content-primary">  
    <ul data-role="listview" data-filter="true" data-inset="true"> 
     <li><a href="#">1</a></li> 
     <li><a href="#">2</a></li> 
     ... 
     <li><a href="#">30.000</a></li> 
    </ul> 
</div> 

Answer 1

당신은 고유 ID를 각 <a></a> (링크)를 제공하고 각 모든 링크의 값 (.text().length) 다음 "쇼"또는 "을 유도 할 수있는 jQuery를 스크립트를 작성하는 경우 이 있거나 .show() 여기

.hide() (가) 오른쪽 길이가없는 오브젝트 "숨길 것이 예입니다 : 여기 http://jsfiddle.net/499rb/12/

하는 함수 제의 여기

$(function(){ 
    $('.info_link').click(function(){ 
    for (var i = 1; i <= 10; i++) 
    { 
     var str = $("#a_"+i).text(); 

     if (str.length >= 2) { 
      $("#li_"+i).show(); 
     }else{ 
      $("#li_"+i).hide(); 
     } 
    } 
    }); 
}); 

이 필터링 기능과 모든를 호출하는 "링크 버튼"과 HTML 페이지의 : 모든 요소를 ​​통해 루프에서 것은 문자의 오른쪽 금액을 다음 표시하거나 숨 깁니다있는 요소 결정 요소 :

<a class="info_link" href="#">FILTER: TEXT.LENGTH >= 2</a> 

<ul> 
    <li id="li_1"> 
     <a id="a_1" href="#">1</a> 
    </li> 
    <li id="li_2"> 
     <a id="a_2" href="#">2</a> 
    </li> 
    <li id="li_3"> 
     <a id="a_3" href="#">3</a> 
    </li> 
    <li id="li_4"> 
     <a id="a_4" href="#">4</a> 
    </li> 
    <li id="li_5"> 
     <a id="a_5" href="#">5</a> 
    </li> 
    <li id="li_6"> 
     <a id="a_6" href="#">6</a> 
    </li> 
    <li id="li_7"> 
     <a id="a_7" href="#">7</a> 
    </li> 
    <li id="li_8"> 
     <a id="a_8" href="#">8</a> 
    </li> 
    <li id="li_9"> 
     <a id="a_9" href="#">9</a> 
    </li> 
    <li id="li_10"> 
     <a id="a_10" href="#">10</a> 
    </li> 
</ul>