当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery实现id模糊查询的小例子

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

2018年10月25日  | 移动技术网IT编程  | 我要评论

eg_1. 在页面中查找某id图片集合，先放到代码：

代码如下:


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

　　在其中查找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的p集合，放上代码：

 

. 代码如下:


<p id="cachelayercontainer-cbs-882" >
<p id="p_1_0" style="width: 256px; height: 256px">
<p id="p_1_0" style="width: 256px; height: 256px">
<p id="p_2_0" style="width: 256px; height: 256px">
<p id="p_2_0" style="width: 256px; height: 256px">
<p id="p_2_0" style="width: 256px; height: 256px">
<p id="p_3_0" style="width: 256px; height: 256px">
</p>

在其中查找id中包含"p_1"的p，使用$("p[id=^p_1]"),即可获取到

代码如下:


<p id="p_1_0" style="width: 256px; height: 256px">
<p id="p_1_0" style="width: 256px; height: 256px">

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网