如何从自动完成 jQuery 中过滤类别

Question

我很抱歉之前重复的问题已经存在。 我的问题是过滤我需要的类别或隐藏一些类别， 这是我的数组

var data = [
  { label: "London", category: "Area" },
  { label: "Muenchen", category: "Area" },
  { label: "North London", category: "City" },
  { label: "East London", category: "City" },
  { label: "West London", category: "City" },
  { label: "South London", category: "City" },
  { label: "Lorem London", category: "Hotel Name" },
  { label: "Ipsum East London", category: "Hotel Name" },
  { label: "Hello Hotel", category: "Hotel Name" },
  { label: "Mega Hotel London", category: "Hotel Name" }
];

和我的输出

我想隐藏类别“城市”。如何创建它？有什么建议吗？

这是我的源代码https://jsfiddle.net/dedi_wibisono17/ae5wk1ex/2/ 非常感谢

Answer 1

您可以通过使用grep 轻松过滤数组来获得所需的结果。参考： http://api.jquery.com/jquery.grep/

例如：

var filteredData = $.grep(items, function(item,index) {
  return item.category !== 'City';
});
// original code below + change to reference grep'd array
$.each( filteredData, function( index, item ) {
    var li;
    if ( item.category != currentCategory ) {
        ul.append( "<li class='auto-complete'>" + item.category + "</li>" );
        currentCategory = item.category; //buat category
    }
    li = that._renderItemData( ul, item );
    if ( item.category ) {
        li.attr( "aria-label", item.category + " : " + item.label ); //buat item
    }
});

分叉的jsFiddle： https://jsfiddle.net/ppa8em56/