jquery 循环显示div的示例代码


Posted in Javascript onOctober 18, 2013

直接看例子

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>
Javascript 相关文章推荐
jquery validate poshytip 自定义样式
Nov 26 Javascript
js实现图片从左往右渐变切换效果的方法
Feb 06 Javascript
JavaScript自定义数组排序方法
Feb 12 Javascript
jQuery实现类似淘宝网图片放大效果的方法
Jul 08 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
Jan 27 Javascript
动态加载js文件简单示例
Apr 21 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
Vuex 入门教程
Jan 10 Javascript
JavaScript错误处理操作实例详解
Jan 04 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
Oct 18 #Javascript
简单实用的全选反选按钮例子
Oct 18 #Javascript
关于jquery的多个选择器的使用示例
Oct 18 #Javascript
js页面跳转的常用方法整理
Oct 18 #Javascript
js判断上传文件的类型和大小示例代码
Oct 18 #Javascript
JS格式化数字金额用逗号隔开保留两位小数
Oct 18 #Javascript
JS截取字符串常用方法整理及使用示例
Oct 18 #Javascript
You might like
PHP 中执行排序与 MySQL 中排序
2009/04/21 PHP
用PHP实现Ftp用户的在线管理
2012/02/16 PHP
PHP输入输出流学习笔记
2015/05/12 PHP
PHP实现删除字符串中任何字符的函数
2015/08/11 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
Yii2框架类自动加载机制实例分析
2018/05/02 PHP
jQuery中prev()方法用法实例
2015/01/08 Javascript
javascript实现俄罗斯方块游戏的思路和方法
2015/04/27 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
JavaScript使用Range调色及透明度实例
2016/09/25 Javascript
利用Node.js+Koa框架实现前后端交互的方法
2017/02/27 Javascript
Nodejs中Express 常用中间件 body-parser 实现解析
2017/05/22 NodeJs
详解react如何在组件中获取路由参数
2017/06/15 Javascript
js实现网页的两个input标签内的数值加减(示例代码)
2017/08/15 Javascript
用JavaScript做简易的购物车的代码示例
2017/10/20 Javascript
微信小程序实现循环动画效果
2018/07/16 Javascript
微信小程序CSS3动画下拉菜单效果
2018/11/04 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
2019/04/16 jQuery
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
2020/04/26 Javascript
JavaScript async/await原理及实例解析
2020/12/02 Javascript
书单|人生苦短,你还不用python!
2017/12/29 Python
用python实现将数组元素按从小到大的顺序排列方法
2018/07/02 Python
Django中celery执行任务结果的保存方法
2019/07/12 Python
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
墨尔本最受欢迎的复古风格品牌:Princess Highway
2018/12/21 全球购物
房屋出租协议书
2014/04/10 职场文书
公司承诺书范文
2014/05/19 职场文书
人事任命书怎么写
2014/06/05 职场文书
协商一致解除劳动合同协议书
2014/09/14 职场文书
2014年学生工作总结
2014/11/20 职场文书
英文感谢信格式
2015/01/21 职场文书
社会治安综合治理责任书
2015/01/29 职场文书
大学推普周活动总结
2015/05/07 职场文书
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python