javascript - 过滤类(class)中的特定内容

Question

我一直在学习如何在页面中过滤和显示内容，现在我添加了 <select>元素进行搜索，因此我基于文本输入中函数中的选择元素的功能并且工作正常，请检查 Jsfiddle但如果我想使用选择来过滤 Category: something 的部分这就是代码的这一部分<span class="pull-right category"> 我该怎么做？。

现在如果我选择选项Fisrt在下拉列表中显示了第一个和第三个面板，因为在第三个 panel-body 中内容中存在“First”一词，因此我只想指向类 category 的内容从我的 span 元素中并用 First 显示面板作为类别不在面板的任何其他部分。

编辑:基本上，我需要通过选择类别来使用 dropdowlinst 进行过滤，并仅显示具有我选择的类别的面板，无论面板的其他内容如何，​​仅显示 Category部分。

Answer 1

在过滤器中，仅在类 category 的范围内查找术语，而不是在面板的整个文本中查找术语。

更改:

$(this).text().toLowerCase().indexOf(term.toLowerCase()) > -1

至

$(this).find('span.category').text().toLowerCase().indexOf(term.toLowerCase()) > -1