jQuery遍历筛选页面元素实现自动完成功能

作者:阿沐

时间:2026-10-27

浏览:396

本文介绍如何利用jQuery的each方法遍历页面元素,并结合正则表达式对文本内容进行大小写不敏感的筛选,从而辅助实现自动完成功能。通过示例代码展示了核心逻辑与实现方式。

文章目录

jQuery遍历筛选页面元素实现自动完成功能

具体实现代码如下所示:

<script>
var value = "teset";
var s = new RegExp(value, "i"); // 参数 'i' 表示忽略大小写,该参数可省略
$(".lico").each(function (i, n) { // 假设 '.lico' 是所有列表项的 class 名称,此处进行遍历
if (s.test($(n).text())) { // 判断正则表达式是否匹配元素文本,若匹配则视为筛选成功
            {
} else {
 // 若未匹配,执行失败处理逻辑
 }
});
</script>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章