jquery $("#variable") 循环改变variable的值示例


Posted in Javascript onFebruary 23, 2014

直接看例子

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 相关文章推荐
12款经典的白富美型—jquery图片轮播插件—前端开发必备
Jan 08 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
Jun 06 Javascript
基于Css3和JQuery实现打字机效果
Aug 11 Javascript
js 判断一组日期是否是连续的简单实例
Jul 11 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 Javascript
12 款 JS 代码测试必备工具(翻译)
Dec 13 Javascript
JavaScript中transform实现数字翻页效果
Mar 08 Javascript
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
electron demo项目npm install安装失败的解决方法
Feb 06 Javascript
js中的reduce()函数讲解
Jan 18 Javascript
vue实现记事本功能
Jun 26 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 #Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 #Javascript
防止jQuery ajax Load使用缓存的方法小结
Feb 22 #Javascript
jquery中load方法的用法及注意事项说明
Feb 22 #Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
Feb 22 #Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
Feb 22 #Javascript
文本框水印提示效果的简单实现代码
Feb 22 #Javascript
You might like
使用字符串函数输出整数化的PHP版本号
2006/10/09 PHP
PHP 裁剪图片成固定大小代码方法
2009/09/09 PHP
php Smarty date_format [格式化时间日期]
2010/03/15 PHP
php在程序中将网页生成word文档并提供下载的代码
2012/10/09 PHP
php中使用Ajax时出现Error(c00ce56e)的详细解决方案
2014/11/03 PHP
PHP简单实现二维数组的矩阵转置操作示例
2017/11/24 PHP
jQuery插件 tabBox实现代码
2010/02/09 Javascript
基于jQuery的星级评分插件
2011/08/12 Javascript
固定背景实现的背景滚动特效示例分享
2013/05/19 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
2015/04/12 Javascript
Javascript实现的简单右键菜单类
2015/09/23 Javascript
jquery日历插件datepicker用法分析
2016/01/22 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
2016/10/14 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
详解Angular中通过$location获取地址栏的参数
2018/08/02 Javascript
ES6的Fetch异步请求的实现方法
2018/12/07 Javascript
Vuex的actions属性的具体使用
2019/04/14 Javascript
深入了解JavaScript代码覆盖
2019/06/13 Javascript
微信小程序中如何计算距离某个节日还有多少天
2019/07/15 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
2019/11/06 Javascript
Vue实现剪切板图片压缩功能
2020/02/04 Javascript
浅谈JavaScript中this的指向更改
2020/07/28 Javascript
基于vue中的scoped坑点解说
2020/09/04 Javascript
分析python服务器拒绝服务攻击代码
2014/01/16 Python
python 列表,数组,矩阵两两转换tolist()的实例
2018/04/04 Python
Python3中的json模块使用详解
2018/05/05 Python
雅诗兰黛(Estee Lauder)英国官方网站:世界顶级化妆品牌
2016/12/29 全球购物
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
自我评价的正确写法
2013/09/19 职场文书
初中思想品德教学反思
2016/02/24 职场文书
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android
Redis 中使用 list,streams,pub/sub 几种方式实现消息队列的问题
2022/03/16 Redis
使用JS前端技术实现静态图片局部流动效果
2022/08/05 Javascript