jquery移動數據過濾器字符串長度

當字符串長度大於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>

來源

2012-12-05 user1878623

如果你給每個<a></a>（鏈接）一個唯一的ID，然後創建一個jQuery的腳本，獲取所有環節的每一個值（.text().length），然後在「顯示」或者「隱藏」有或沒有合適的長度.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>

來源

2012-12-05 10:41:29 ClydeFrog

jquery移動數據過濾器字符串長度

回答

相關問題