4

我有一个包含 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>
4

1 回答 1

0

如果你给每个<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-05T10:41:29.553 回答