jquery 循環(huán)顯示div的示例代碼
更新時間:2013年10月18日 17:31:54 作者:
我們用一個語句就讓下面五個div顯示成功,具體實現(xiàn)如下,感興趣的朋友可以參考下
直接看例子
for(var p=1; p<=5; p++){
$("#properties"+p).show();
//下面有五個id為properties1 、properties2 、properties3 、properties4、properties5的div
//我們用一個語句就讓下面五個div顯示成功了。
}
}
<div class="banner" id="properties1">
<span>【${property1 }】</span>
<div id="property1" class="bannerchild"></div>
</div>
<div class="banner" id="properties2">
<span>【${property2 }】</span>
<div id="property2" class="bannerchild"></div>
</div>
<div class="banner" id="properties3">
<span>【${property3 }】</span>
<div id="property3" class="bannerchild"></div>
</div>
<div class="banner" id="properties4">
<span>【${property4 }】</span>
<div id="property4" class="bannerchild"></div>
</div>
<div class="banner" id="properties5">
<span>【${property5 }】</span>
<div id="property5" class="bannerchild"></div>
</div>
復(fù)制代碼 代碼如下:
for(var p=1; p<=5; p++){
$("#properties"+p).show();
//下面有五個id為properties1 、properties2 、properties3 、properties4、properties5的div
//我們用一個語句就讓下面五個div顯示成功了。
}
}
<div class="banner" id="properties1">
<span>【${property1 }】</span>
<div id="property1" class="bannerchild"></div>
</div>
<div class="banner" id="properties2">
<span>【${property2 }】</span>
<div id="property2" class="bannerchild"></div>
</div>
<div class="banner" id="properties3">
<span>【${property3 }】</span>
<div id="property3" class="bannerchild"></div>
</div>
<div class="banner" id="properties4">
<span>【${property4 }】</span>
<div id="property4" class="bannerchild"></div>
</div>
<div class="banner" id="properties5">
<span>【${property5 }】</span>
<div id="property5" class="bannerchild"></div>
</div>
相關(guān)文章
jquery 將當前時間轉(zhuǎn)換成yyyymmdd格式的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query 將當前時間轉(zhuǎn)換成yyyymmdd格式的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考2016-06-06