Как отфильтровать определенное значение из списка, используя jquery или javascript?

Question

У меня есть некоторые значения в списке, и по бокам страницы есть алфавиты. Когда я нажимаю «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>

Мне нужно получить список, как Android-контакт, используя JavaScript или JQuery

Answer 1

Простое решение - использовать фильтр данных в виде списка. Просто добавьте "data-filter = 'true'" в определение списка.

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

В результате отображается панель поиска над списком. Вы можете создать свою собственную функцию фильтра или использовать функцию по умолчанию, которая фильтрует все. Просто введите букву или слово, и он покажет все элементы списка, содержащие эту букву или слово.