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

jquery 循环显示div的示例代码

(编辑:jimmy 日期: 2025/5/12 浏览:3 次 )
直接看例子
复制代码 代码如下:
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>
上一篇:JS实现点击图片在当前页面放大并可关闭的漂亮效果
下一篇:使用CSS和jQuery模拟select并附提交后取得数据的代码
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap