模糊匹配html的id,获取模糊匹配的div id属性

html中有一批id,以数字+固定字符结尾,前台需要把这一批id组成数组传递给后台

假设固定结尾字符为“pic”,使用 var pidlist=$("[id$='pic']");将所有的匹配html取出来

然后取出其中的id:

for(var i=0;i

alert(pidlist[i].id.substring(0,pidlist[i].id.length-3));

}

-3是为了去除已有的“pic”,获得数字,然后用方法保存到数组传递给后台

备注,还可以给这些id所在的html设置class属性,然后统一获取所有的id,这个方法应该更好

文本框模糊匹配(纯html+jquery简单实现)

一.项目中需要用到此功能,使用过EasyUI中的Combobox,网上也搜过相应的解决办法,对于我的项目来说都不太合适,因为我还是喜欢比较纯粹的东西,就自己动手写了一个,比较简单,但还算能用,我的项目 ...

input即时————模糊匹配(纯html+jquery简单实现)

html>

Jquery 模糊匹配ID

[属性名称] 匹配包含给定属性的元素[att=value] 匹配包含给定属性的元素 (大小写区分)[att*=value] 模糊匹配[att!=value] 不能是这个值[att$=value] 结尾 ...

jQuery根据属性模糊匹配元素

1.查看带有指定属性的元素: [attribute] 例如: $("div[id]") 2.查看属性值是某个特定值的元素: [attribute=value] 例如: $(&quo ...

juery给所有ID属性相同的div绑定一个事件

案例:

内容
内容
< ...

Python&lowbar;selenium之获取当前页面的href属性,id属性,图片信息和截全屏

Python_selenium之获取当前页面的href属性,id属性,图片信息和截全屏 一.  获取当前页面的全部信息 1. 图片信息包括图片名称.图片大小等信息 2. 只需将图片信息打印出来(ima ...

jquery 获取被点击元素的id属性值

有时候可能需要获取被点击元素的一些信息,此处就以id属性为例子,进行演示一下. $(document).click(function (e){ var v_id=e.target.id; consol ...

dev 中 字符串转中文拼音缩写,对grid列表进行模糊匹配,grid获取焦点行,gridlookupedit控件用拼音模糊匹配下拉选项

番外篇:. //该方法是将字符串转化为中文拼音的首写字母大写, public static string RemoveSpecialCharacters(string str){try{if (str ...

随机推荐

Android XML文件解析

在Android平台上可以使用Simple API for XML(SAX) . Document Object Model(DOM)和Android附带的pull解析器解析XML文件. 下面是本例子 ...

【the service mysql57 failed the most】

异常信息: the the service mysql57 failed the most recent status change request with the messagethe servi ...

MySQL日志Undo&Redo

00 – Undo LogUndo Log 是为了实现事务的原子性,在MySQL数据库InnoDB存储引擎中,还用Undo Log来实现多版本并发控制(简称:MVCC). - 事务的原子性(Atomi ...

C&num;版 - 小红书后台开发面试题&colon; 二维数组中的查找

二维数组中的查找 热度指数:24274 时间限制:1秒 空间限制:32768K 本题知识点: 查找 ​ 在线提交网址: http://www.nowcoder.com/practice/abc3fe2 ...

一次断电引发的svn数据库故障

作者:朱金灿 来源:http://blog.csdn.net/clever101 昨天办公室停电了.然后今天更新svn数据库时出现一个不能读取文件:End of file found的错误,具体如下图 ...

Java中sort实现降序排序

利用Collections的reverseOrder方法: import java.util.Arrays; import java.util.Collections; public class Ma ...

sql注入--基础

什么是sql注入: 利用SQL语句 在外部 对数据库进行 查询,更新等 动作 sql注入的原理: 输入值可控且带入数据库执行(前提) 接受的变量传值未进行过滤(实质) sql注入的目的: 获取数据(网 ...

jmeter之 jp&commat;gc - Stepping Thread Group

1.   安装好插件 参考文档“扩展Jmeter插件获取更多监听器” 2.   添加线程组 右键测试计划->添加->Threads(Users)->jp@gc - Stepping ...

UITableView当数据很少的时候,去掉多余的cell分割线

转自:http://www.cnblogs.com/bucengyongyou/archive/2012/10/15/2723814.html 在tableView初始化的时候 UIView *v = ...

PHP面向对象初中高级之由浅入深

php面向对象编程基本实践:(了解类,类到对象的实例化,构造和析构,对象的引用); 类的概念: 物以类聚,把具有相似特性的对象对垒到一个类中 类定义了这些相似对象拥有的相同的属性和方法 类是相似对象的 ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现带下拉匹配效果的模糊查询地址功能,可以使用 HTML、CSS 和 JavaScript 来实现。下面是一个简单的示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>模糊查询地址</title> <style> /* 下拉列表样式 */ .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /* 设置下拉列表宽度与输入框相同 */ top: 100%; left: 0; right: 0; } /* 下拉列表项样式 */ .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } /* 下拉列表项鼠标悬停样式 */ .autocomplete-items div:hover { background-color: #e9e9e9; } /* 输入框样式 */ input[type=text] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; } </style> </head> <body> <h2>模糊查询地址</h2> <!-- 输入框 --> <div class="autocomplete"> <input type="text" id="myInput" placeholder="请输入地址"> <!-- 下拉列表 --> <div id="myDropdown" class="autocomplete-items"></div> </div> <script> // 假设有一个地址列表 let addresses = [ '北京市海淀区中关村南大街5号', '上海市浦东新区世纪大道100号', '广州市天河区珠江新城华夏路1号' ]; // 获取输入框和下拉列表 let input = document.getElementById('myInput'); let dropdown = document.getElementById('myDropdown'); // 监听输入框输入事件 input.addEventListener('input', function () { let value = this.value; dropdown.innerHTML = ''; // 如果输入框有值 if (value) { // 使用正则表达式进行匹配 let pattern = new RegExp(value, 'i'); // i 表示忽略大小写 let filtered = addresses.filter(address => pattern.test(address)); // 如果有匹配结果 if (filtered.length > 0) { // 创建下拉列表项并添加到下拉列表中 filtered.forEach(address => { let option = document.createElement('div'); option.innerHTML = address; option.addEventListener('click', function () { // 点击下拉列表项后将选中的地址显示在输入框中 input.value = address; dropdown.innerHTML = ''; }); dropdown.appendChild(option); }); } } }); </script> </body> </html> ``` 这段代码中使用了 HTML、CSS 和 JavaScript 实现了一个带下拉匹配效果的模糊查询地址功能。用户在输入框中输入关键字后,程序会根据关键字在地址列表中进行匹配并显示匹配结果,用户可以点击下拉列表中的地址将其填入输入框中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值