如何使用jquery或javascript从列表中过滤特定值?

时间:2012-02-27 14:00:34

标签: javascript jquery list cordova

我在列表中有一些值,页面旁边有字母。当我点击'A'时,我需要获得带有标签'A'的列表和以字母'A'开头的值,并且还应显示剩余的值低于'A'的值。请指导我。提前谢谢

我的代码是

$(function () {
   $(":input").click(function(){
    var filter=$(this).text();
        if(filter) {
          $(".sidemenu").find("a:not(:Contains(" + filter + "))").parent().slideUp();
          $(".sidemenu").find("a:Contains(" + filter + ")").parent().slideDown();
        } else {
          $(".sidemenu").find("li").slideDown();
        }
  });
    });

}(jQuery的));

HTML:

<ul class="sidemenu" ></ul>

我需要使用javascript或jquery

获取类似android联系人的列表

1 个答案:

答案 0 :(得分:0)

一个简单的解决方案是在列表视图中使用数据过滤器。只需在listview定义中添加“data-filter ='true'”即可。

<ul data-role="listview" data-filter="true">
</ul>

这导致在列表视图上方显示搜索栏。您可以使用自己的过滤器功能或使用过滤所有内容的默认功能。只需输入一个字母或单词,它就会显示包含该字母或单词的所有列表项。