jQuery filter()方法
jQuery可用于过滤/搜索一组元素中的特定元素。
jQuery filter()方法
jQuery filter()方法返回与特定条件匹配的元素。
此方法过滤掉所有不符合所选条件的元素,并且将返回那些匹配项。
筛选表
以下示例对表中的项目执行不区分大小写的搜索:
在输入字段中输入内容,以在表格中搜索姓名,城市或电话:
名称 | 市 | 电话 |
---|---|---|
Seagull | 新德里 | 999945850 |
Espy | 咪唑仑 | 8425896528 |
Mudit | 斋浦尔 | 9858621233 |
Ankit | 孟买 | 9560478555 |
Nancy | 新德里 | 9210154545 |
示例说明:
filter()方法检查是否有任何文本值与输入字段的值匹配
toggle()方法隐藏与搜索不匹配的行
toLowerCase()将文本转换为小写的方法,这使搜索大小写不敏感
筛选清单
以下示例对列表中的项目执行不区分大小写的搜索:
在输入字段中输入内容以搜索列表项:
伦敦
新德里
北京
孟买
班加罗尔
筛选其他元素
下面的示例在DIV元素内执行不区分大小写的搜索:
在输入字段中输入内容:
这是第一段。
这是第二段。
这是一个DIV元素。
这是最后一段。