jQuery filter()方法

jQuery可用于过滤/搜索一组元素中的特定元素。

jQuery filter()方法

jQuery filter()方法返回与特定条件匹配的元素。

此方法过滤掉所有不符合所选条件的元素,并且将返回那些匹配项。

筛选表

以下示例对表中的项目执行不区分大小写的搜索:

在输入字段中输入内容,以在表格中搜索姓名,城市或电话:


名称电话
Seagull新德里999945850
Espy咪唑仑8425896528
Mudit斋浦尔9858621233
Ankit孟买9560478555
Nancy新德里9210154545
运行代码

示例说明:

  • filter()方法检查是否有任何文本值与输入字段的值匹配

  • toggle()方法隐藏与搜索不匹配的行

  • toLowerCase()将文本转换为小写的方法,这使搜索大小写不敏感

筛选清单

以下示例对列表中的项目执行不区分大小写的搜索:

在输入字段中输入内容以搜索列表项:


  • 伦敦

  • 新德里

  • 北京

  • 孟买

  • 班加罗尔

运行代码

筛选其他元素

下面的示例在DIV元素内执行不区分大小写的搜索:

在输入字段中输入内容:


这是第一段。

这是第二段。

这是一个DIV元素。

这是最后一段。

运行代码