使用JQuery实时搜索框

时间:2016-02-23 00:29:46

标签: javascript jquery html

使用bootstrap我创建了一个手风琴panel-group,其中填充了多个panel-default,并希望添加一个实时搜索框以仅显示用户需要的面板。

我找到了一些如何使用<nav><ul><li>代码执行此操作的示例,我尝试使用<div>代码执行此操作,但我可以'让它发挥作用。

1 个答案:

答案 0 :(得分:1)

这是您要求的内容

使用你正在使用的小提琴只需更改循环选择器

这个$("#panel, .panel-group, .panel-heading, .panel-body, .panel-default")

您可以在类中迭代您想要添加.和类的名称#以及id的id的名称,如果有多个只是用逗号分隔它。 .each()将搜索所有元素并搜索您想要的内容。

https://jsfiddle.net/geradrum/yarn8kw2/1/