欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-13 14:49:29
eg_1. 在页面中查找某id图片集合,先放到代码: 代码如下:

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中对于缓存图片加载(新加载/缓存中读取/超范围删除)的行(或列)查询上,很是便捷。