我一直在学习如何在页面中过滤和显示内容,现在我添加了 <select>
元素进行搜索,因此我基于文本输入中函数中的选择元素的功能并且工作正常,请检查 Jsfiddle但如果我想使用选择来过滤 Category: something
的部分这就是代码的这一部分<span class="pull-right category">
我该怎么做?。
现在如果我选择选项Fisrt
在下拉列表中显示了第一个和第三个面板,因为在第三个 panel-body
中内容中存在“First”一词,因此我只想指向类 category
的内容从我的 span 元素中并用 First
显示面板作为类别不在面板的任何其他部分。
编辑:基本上,我需要通过选择类别来使用 dropdowlinst 进行过滤,并仅显示具有我选择的类别的面板,无论面板的其他内容如何,仅显示 Category
部分。
最佳答案
在过滤器中,仅在类 category 的范围内查找术语,而不是在面板的整个文本中查找术语。
更改:
$(this).text().toLowerCase().indexOf(term.toLowerCase()) > -1
至
$(this).find('span.category').text().toLowerCase().indexOf(term.toLowerCase()) > -1
关于javascript - 过滤类(class)中的特定内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37468535/