欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2021-07-05 09:23:20|栏目: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 CheckBox全选方法代码附js checkbox全选反选代码

栏    目:jquery

下一篇:快速学习jQuery插件 Form表单插件使用方法

本文标题:jQuery实现id模糊查询的小例子

本文地址:http://www.codeinn.net/misctech/153069.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有