如何使用jquery或javascript从列表中筛选特定值

how to filter particular value from list using jquery or javascript?

本文关键字:筛选 列表 何使用 jquery javascript      更新时间:2023-09-26

我在列表中有一些值,页面侧面有字母。当我单击"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联系人的列表

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

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

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