zoukankan      html  css  js  c++  java
  • jQuery实现id模糊查询

      在js中常常会用到某类似id的模糊查询,可以使用jquery工具和模糊查询"^",来实现。下面用另个例子说明

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

    <div id="cacheLayerContainer-CBS-882" >
        <img src="" id="CBS_1_0" style=" 256px; height: 256px">
        <img src="" id="CBS_1_1" style=" 256px; height: 256px">
        <img src="" id="CBS_1_2" style=" 256px; height: 256px">
        <img src="" id="CBS_2_0" style=" 256px; height: 256px">
        <img src="" id="CBS_2_1" style=" 256px; height: 256px">
        <img src="" id="CBS_3_0" style=" 256px; height: 256px">
    </div>

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

      <img src="" id="CBS_1_0" style=" 256px; height: 256px">
       <img src="" id="CBS_1_1" style=" 256px; height: 256px">
       <img src="" id="CBS_1_2" style=" 256px; height: 256px">

    eg_2. 再举个例子,在页面中查找某id的div集合,放上代码:

    <div id="cacheLayerContainer-CBS-882" >
        <div id="div_1_0" style=" 256px; height: 256px">
        <div id="div_1_0" style=" 256px; height: 256px">
        <div id="div_2_0" style=" 256px; height: 256px">
        <div id="div_2_0" style=" 256px; height: 256px">
        <div id="div_2_0" style=" 256px; height: 256px">
        <div id="div_3_0" style=" 256px; height: 256px">
    </div>

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

      <div id="div_1_0" style=" 256px; height: 256px">
      <div id="div_1_0" style=" 256px; height: 256px">

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

  • 相关阅读:
    linux磁盘扩容脚本不重启
    编译安装redis
    编译安装nginx
    ansible常用模块
    centos7 yum安装ansible
    centos7 salt操作命令
    centos7 yum安装salt
    keep
    MySQL6
    MySQL5
  • 原文地址:https://www.cnblogs.com/qiongmiaoer/p/2969939.html
Copyright © 2011-2022 走看看