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

作者:阿沐时间:2026-10-27 12:03:48浏览:397

本文介绍如何利用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>
作者最新文章