jQuery实现对标签id模糊查询的示例

标签: jQuery
发布时间: 2013/3/28 10:38:50

示例1. 在页面中查找某id图片集合,先放HTML代码:

代码如下:

<div id="cacheLayerContainer-ItStrike-882" >
<img src="" id="ItStrike_1_0" style="width: 256px; height: 256px">
<img src="" id="ItStrike_1_1" style="width: 256px; height: 256px">
<img src="" id="ItStrike_1_2" style="width: 256px; height: 256px">
<img src="" id="ItStrike_2_0" style="width: 256px; height: 256px">
<img src="" id="ItStrike_2_1" style="width: 256px; height: 256px">
<img src="" id="ItStrike_3_0" style="width: 256px; height: 256px">
</div>

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

代码如下:

<img src="" id="ItStrike_1_0" style="width: 256px; height: 256px">
<img src="" id="ItStrike_1_1" style="width: 256px; height: 256px">
<img src="" id="ItStrike_1_2" style="width: 256px; height: 256px">

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

代码如下:

<div id="cacheLayerContainer-ItStrike-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">

官方微信
官方QQ群
31647020