本文介绍如何利用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>