在js中常常会用到某类似id的模糊查询,可以使用jquery工具和模糊查询"^",来实现。下面用另个例子说明
eg_1. 在页面中查找某id图片集合,先放到代码:
代码如下:
<div id="cacheLayerContainer-CBS-882" > <img src="" id="CBS_1_0" style="width: 256px; height: 256px"> <img src="" id="CBS_1_1" style="width: 256px; height: 256px"> <img src="" id="CBS_1_2" style="width: 256px; height: 256px"> <img src="" id="CBS_2_0" style="width: 256px; height: 256px"> <img src="" id="CBS_2_1" style="width: 256px; height: 256px"> <img src="" id="CBS_3_0" style="width: 256px; height: 256px"> </div>
在其中查找id中包含"CBS_1"的img,使用$("img[id=^CBS_1]"),即可获取到
代码如下:
<img src="" id="CBS_1_0" style="width: 256px; height: 256px"> <img src="" id="CBS_1_1" style="width: 256px; height: 256px"> <img src="" id="CBS_1_2" style="width: 256px; height: 256px">
eg_2. 再举个例子,在页面中查找某id的div集合,放上代码
代码如下: <div id="cacheLayerContainer-CBS-882" > <div id="div_1_0" style="width: 256px; height: 256px"> <div id="div_1_0" style="width: 256px; height: 256px"> <div id="div_2_0" style="width: 256px; height: 256px"> <div id="div_2_0" style="width: 256px; height: 256px"> <div id="div_2_0" style="width: 256px; height: 256px"> <div id="div_3_0" style="width: 256px; height: 256px"> </div>
在其中查找id中包含"div_1"的div,使用$("div[id=^div_1]"),即可获取到
代码如下: <div id="div_1_0" style="width: 256px; height: 256px"> <div id="div_1_0" style="width: 256px; height: 256px">
eg_3. 再举个例子,在页面中查找某id 以字符'whir$t' 开始并以'_fdpt'结尾的对象查找到并获取其html值,放上代码
alert($("[id^='whir$t'][id$='_fdpt']").html());
$("input[name="+name+"]")
ps: 语句很简单,但在浏览器开发工具中很实用,这次研究地图cacheLayer中对于缓存图片加载(新加载/缓存中读取/超范围删除)的行(或列)查询上,很是便捷。
相关推荐
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
一个带下拉模糊搜索的select,替换下拉内容后即可直接使用,只需要把对应文件放到指定文件夹中引用即可
jQuery实现图片模糊显示特效是一款基于jquery.refocus插件实现的背景图片镜头模糊特效。
jquery实现表单文件上传,并获取回调信息,下载之后只需要配置js路径就可实现上传
基于ajax,jQuery实现从Mysql数据库获取数据实现省市区三级联动,选择完省才能选择市,同理于市区,换选其他省市时,可自动清除已选择的市、区。使用eclipse+Mysql开发,压缩文件内有说明。
使用JQuery实现从JSON对象转换为form提交数据
jQuery实现简单复制json对象和json对象集合操作示例.docx
jQuery支持模糊查询下拉框菜单选择代码
里面有JQuery的插件,Jquery都已写好,实现了百度模糊搜索,代码简单易懂
jQuery下拉框模糊搜索菜单选择代码是一款jQuery基于bootstrap制作dom面向对象点击下拉框弹出列表菜单,并支持输入关键字模糊搜索筛选菜单项。
主要介绍了jQuery实现获取元素索引值index的方法,涉及jQuery针对页面元素的遍历,index索引操作及属性操作相关技巧,需要的朋友可以参考下
jQuery实现手机端手机获取验证码页面模板特效源码.zip
jQuery 实现搜索查找目标字符加红功能,内容中有于关键字相匹配的字符时,自动加红显示,高亮显示关键字,这个功能可很好的提高网页的人性化体验,是个挺不错的功能。
jquery ztree实现模糊查询功能,给树上的结点添加过滤器
Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文: <form id="form1" runat="server"> </form> Javascript操作代码: $(document)....
js与jQuery实现获取table中的数据并拼成json字符串操作示例.docx
比较全面的讲解了jquery获取表单值,全面的讲解了jquery获取表单值
jquery实现的表单获取短信验证码特效源码.zip
jQuery实现Table分页跳转,JQUERY实现TABLE分页效果