Jquery移动数据筛选器字符串长度

我有一份超过30000条的名单

当字符串长度>2时是否可以开始搜索

代码：

...

如果您给出每个

下面是一个函数，它循环遍历所有元素，确定哪些元素具有适当数量的字符，然后显示或隐藏它们：

$(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();
        }
    }
  });
});

$（函数（）{
$（'.info_link'）。单击（函数（）{
对于（变量i=1；i=2）{
$（#li#i）.show（）；
}否则{
$（“#li#i”+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>

























<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>