jQuery可用于過(guò)濾/搜索一組元素中的特定元素。
jQuery filter()方法返回與特定條件匹配的元素。
此方法過(guò)濾掉所有不符合所選條件的元素,并且將返回那些匹配項(xiàng)。
以下示例對(duì)表中的項(xiàng)目執(zhí)行不區(qū)分大小寫的搜索:
在輸入字段中輸入內(nèi)容,以在表格中搜索姓名,城市或電話:
名稱 | 市 | 電話 |
---|---|---|
Seagull | 新德里 | 999945850 |
Espy | 咪唑侖 | 8425896528 |
Mudit | 齋浦爾 | 9858621233 |
Ankit | 孟買 | 9560478555 |
Nancy | 新德里 | 9210154545 |
filter()方法檢查是否有任何文本值與輸入字段的值匹配
toggle()方法隱藏與搜索不匹配的行
toLowerCase()將文本轉(zhuǎn)換為小寫的方法,這使搜索大小寫不敏感
以下示例對(duì)列表中的項(xiàng)目執(zhí)行不區(qū)分大小寫的搜索:
在輸入字段中輸入內(nèi)容以搜索列表項(xiàng):
倫敦
新德里
北京
孟買
班加羅爾
下面的示例在DIV元素內(nèi)執(zhí)行不區(qū)分大小寫的搜索:
在輸入字段中輸入內(nèi)容:
這是第一段。
這是第二段。
這是最后一段。