jQuery实现id模糊查询的小例子


Posted in Javascript onMarch 19, 2013

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">

ps: 语句很简单,但在浏览器开发工具中很实用,这次研究地图cacheLayer中对于缓存图片加载(新加载/缓存中读取/超范围删除)的行(或列)查询上,很是便捷。

Javascript 相关文章推荐
使用TextRange获取输入框中光标的位
Oct 14 Javascript
改善用户体验的五款jQuery插件分享
May 22 Javascript
在图片上显示左右箭头类似翻页的代码
Mar 04 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
Dec 02 Javascript
javascript中的Function.prototye.bind
Jun 25 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
Oct 12 Javascript
JavaScript程序中的流程控制语句用法总结
May 23 Javascript
react router4+redux实现路由权限控制的方法
May 03 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
May 17 Javascript
js中时间格式化的几种方法
Jul 22 Javascript
基于vue.js组件实现分页效果
Dec 29 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 Javascript
JS文本框不能输入空格验证方法
Mar 19 #Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 #Javascript
关于scrollLeft,scrollTop的浏览器兼容性测试
Mar 19 #Javascript
input输入框的自动匹配(原生代码)
Mar 19 #Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 #Javascript
javascript实现tabs选项卡切换效果(自写原生js)
Mar 19 #Javascript
jquery写个checkbox——类似邮箱全选功能
Mar 19 #Javascript
You might like
PHP安全编程之加密功能
2006/10/09 PHP
PHP实现链式操作的原理详解
2016/09/16 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
jquery获取子节点和父节点的示例代码
2013/09/10 Javascript
javascript制作坦克大战全纪录(2)
2014/11/27 Javascript
jquery实现九宫格大转盘抽奖
2015/11/13 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
jQuery新窗口打开外链接
2016/07/21 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
2016/11/09 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
2017/01/06 Javascript
js replace替换字符串同时替换多个方法
2018/11/27 Javascript
vue+element模态框中新增模态框和删除功能
2019/06/11 Javascript
vue 实现Web端的定位功能 获取经纬度
2019/08/08 Javascript
JavaScript实现轮播图效果
2020/10/30 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
用python + openpyxl处理excel2007文档思路以及心得
2014/07/14 Python
python简单实现旋转图片的方法
2015/05/30 Python
flask + pymysql操作Mysql数据库的实例
2017/11/13 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
python实现替换word中的关键文字(使用通配符)
2020/02/13 Python
用Python自动清理系统垃圾的实现
2021/01/18 Python
Html5无刷新修改browser Url的方法
2014/01/15 HTML / CSS
深入理解HTML的FormData对象
2016/05/17 HTML / CSS
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
html5+css如何实现中间大两头小的轮播效果
2018/12/06 HTML / CSS
狗狗玩具、零食和咀嚼物的月度送货服务:Super Chewer
2018/08/22 全球购物
巴西化妆品商店:Lojas Rede
2019/07/26 全球购物
大学教师年终总结的自我评价
2013/10/29 职场文书
天地会口号
2014/06/17 职场文书
管理工程专业求职信
2014/08/10 职场文书
大学新生军训自我鉴定
2014/09/18 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书
房屋租赁合同解除协议书
2014/10/11 职场文书
2016应届毕业生自荐信范文
2016/01/28 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python
python区块链实现简版工作量证明
2022/05/25 Python