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

标签 javascript jquery html

我一直在学习如何在页面中过滤和显示内容,现在我添加了 <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/

相关文章:

javascript - 将两个单选按钮的值相加作为购物车

javascript - 预选 UI 上的下拉菜单

javascript - 无法执行名为 "switch"的 Javascript 函数

javascript - Json和html显示

javascript - 我们如何在将类添加到 div 时触发

jquery - 单击页面上任意位置时如何隐藏切换(div)

jquery - 强制 <li >'s width to be the same as it' s 内容

javascript - 如何替换 DOM 节点并将其包装起来?

html - 添加类开始于动态创建的单选按钮

html - MVC Razor 从使用 FormCollection 的选择中获取选项值