网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2026/5/7 浏览:3 次 )

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

复制代码 代码如下:
<div id="cacheLayerContainer-CBS-882" >
    <img src="/UploadFiles/2021-04-02/">     <img src="">     <img src="">     <img src="">     <img src="">     <img src=""> </div>

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

复制代码 代码如下:
  <img src="/UploadFiles/2021-04-02/">    <img src="">    <img src="">

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控制输入框只能输入数值的小例子
下一篇:JS文本框不能输入空格验证方法
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 站点导航 SiteMap