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

如果你给每个<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>