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 相关文章推荐
超级有用的13个基于jQuery的内容滚动插件和教程
Jul 31 Javascript
js防止表单重复提交实现代码
Sep 05 Javascript
jquery中的事件处理详细介绍
Jun 24 Javascript
2014 HTML5/CSS3热门动画特效TOP10
Dec 07 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
Dec 08 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
Jan 01 Javascript
javascript实现滚动效果的数字时钟实例
Jul 21 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
Feb 12 Javascript
Angular.js跨controller实现参数传递的两种方法
Feb 20 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
Aug 14 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
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
深入分析php之面向对象
2013/05/15 PHP
php保存信息到当前Session的方法
2015/03/16 PHP
PHP基于SimpleXML生成和解析xml的方法示例
2017/07/17 PHP
phpfpm的作用和用法
2019/10/10 PHP
phpmyadmin在宝塔面板里进不去的解决方案
2020/07/06 PHP
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
JavaScript中函数声明优先于变量声明的实例分析
2012/03/01 Javascript
javascript 在firebug调试时用console.log的方法
2012/05/10 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
javascript正则匹配汉字、数字、字母、下划线
2014/04/10 Javascript
超实用的JavaScript表单代码段
2016/02/26 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
2016/12/04 Javascript
浅述Javascript的外部对象
2016/12/07 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
解决vue+webpack打包路径的问题
2018/03/06 Javascript
java和js实现的洗牌小程序
2019/09/30 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
2020/08/03 Javascript
[01:22:42]2014 DOTA2华西杯精英邀请赛 5 24 DK VS LGD
2014/05/26 DOTA
[01:31:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第二场 1月10日
2021/03/11 DOTA
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
python实现上传下载文件功能
2020/11/19 Python
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
python中int与str互转方法
2018/07/02 Python
python os.path模块常用方法实例详解
2018/09/16 Python
python爬虫简单的添加代理进行访问的实现代码
2019/04/04 Python
Python re 模块findall() 函数返回值展现方式解析
2019/08/09 Python
英国电器零售商:PRC Direct
2018/06/21 全球购物
日本乐天德国站:Rakuten.de
2019/05/16 全球购物
个人作风剖析材料
2014/02/02 职场文书
大二学生职业生涯规划书
2014/02/05 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
私用公车造成事故检讨书
2014/11/16 职场文书
街道社区活动报告
2015/02/05 职场文书
pytorch 6 batch_train 批训练操作
2021/05/28 Python
Tomcat 与 maven 的安装与使用教程
2022/06/16 Servers