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

2019/6/29 22:46:02

编程Tag： jQuery 查询 id

本文主要是介绍jQuery实现id模糊查询的小例子，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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模糊查询的小例子的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

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

相关编程文章