Javascript 通知通过list.js过滤的项目数

我首先说我不是一个开发人员，但我了解JS的最低要求。。。然而，我并没有设法解决一些在我看来似乎很简单的问题（我想是的）

使用该工具，我可以在guide-wcag.com/en/I中配置筛选器以筛选特定项目。我可以在未找到任何内容时配置错误消息，我还可以配置一些关键字和复选框

但我也希望包括过滤项目的数量（应显示一条消息，指示数量，因为这有助于那些看不到内容并使用屏幕阅读器的人，例如），但我根本无法做到这一点：(

带有项目数的消息应显示在未找到任何内容时消息显示的同一位置

我将在这里留下我使用的JS的摘录（我重复一遍，我不是JS专家，很抱歉有任何错误的语法）

谢谢

var选项={
ValueName:['功能区'、'卡片标题'、'卡片内容'、'原则'、'建议'、'niveis'、'关键字卡片'、'关键字全部']
};
var listaCards=新列表（'cards-filter'，选项）；
var-activeFilters=[]；
var noItems=$（'
未找到任何条件。请再次筛选。
'）；
$（'.filter'）.change（函数（）{
var isChecked=此项已检查；
var值=$（此）.data（“值”）；
如果（已检查）{
activeFilters.push（值）；
}否则{
拼接（activeFilters.indexOf（value），1）；
}
listaCards.filter（函数（项）{
如果（activeFilters.length>0）{
返回值（activeFilters.indexOf（item.values（）.niveis））>-1；
}返回true；}）；
});
listaCards.on（'updated'，函数（列表）{
if（list.matchingItems.length==0）{
$（list.list）.append（noItems）；
}否则{
noItems.detach（）；
}
})使用，我从上一个示例开始，修改了您的消息元素


var foundMessage=list=>`显示：${list.matchingItems.length}/${list.size（）}`；
var notFoundMessage='未找到任何条件。请再次筛选'；
var$message=$（“”）.addClass（'message'）.attr（'role'，'alert'）；
变量选项={
ValueName:['name'，'born']，
项目：“
”
};
var值=[
{姓名：'Jonny Strömberg'，出生日期：1986}，
{姓名：'Jonas Arnklint'，出生日期：1985}，
{姓名：'Martina Elm'，出生日期：1986}
];
var userList=新列表（'cards-filter'，选项，值）；
添加（{name:'Gustaf Lindqvist'，出生日期：1983}）；
userList.on（'updated'，函数（list）{
如果（$（'.search'）.val（）.trim（）.length>0）{
if（list.matchingItems.length==0）{
$message.text（notFoundMessage）；
}否则{
$message.text（foundMessage（list））；
}
$（list.list）.prepend（$message）；
}
})；
.message{color:#555；字体样式：斜体；字体大小：较小；}

分类

谢谢你……我也测试了这个例子（我想所有的例子都有），但是没有一个例子显示了过滤的数量，只有过滤的项目……我需要显示一条信息，如：“使用选定的过滤器，找到了18个项目”，你知道吗？嘿……我看到了你现在所做的…）我想这就是我需要的！）非常感谢你@MarceloSales我试图在列表之前预先添加元素，但是我做不到，我试图修改它以仅在筛选时显示消息。如果文本为空，则消息根本不应出现。我无法检查搜索文本，我将不得不阅读更多的文件。