jQuery实现id模糊查询的小例子
发布时间：2013-11-22 编辑：jiaochengji.com
在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">
ps: 语句很简单，但在浏览器开发工具中很实用，这次研究地图cacheLayer中对于缓存图片加载（新加载/缓存中读取/超范围删除）的行（或列）查询上，很是便捷。
您可能感兴趣的文章：
jQuery实现id模糊查询的小例子
有关mysql单表多关键字模糊查询的方法介绍
sql模糊查询实例详解
mysql 子查询与join性能对比
php如何实现模糊且精确的查找
mysql语句带参数模糊查询匹配问题
mysql模糊查询语句用法举例
django查询表数据是否存在
mysql模糊查询举例及%的用法要点
php分页代码与分页原理
[关闭]