jQuery使用each方法与for语句遍历数组示例


Posted in Javascript onJune 16, 2016

本文实例讲述了jQuery使用each方法与for语句遍历数组。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript">
var array=["huangbiao","24","boy"];
var length = array.length;
function forFunc(){
  var result = "";
  for(var i = 0; i < length; i++){
    result=result.concat(array[i]+" ; ");
  }
  $("#forFunc").html(result);
  return true;
}
function eachFunc(){
  var result = "";
  $(array).each(function(i,n){
  //下面两种方式实现的效果是一样的
    //result=result.concat(array[i]+" ; ");
    result=result.concat(n+" ; ");
  });
  $("#eachFunc").html(result);
}
</script>
<title>无标题文档</title>
</head>
<body>
  <button onclick="forFunc()">forFunc</button><br>
  <div id="forFunc"></div>
  <button onclick="eachFunc()">eachFunc</button><br>
  <div id="eachFunc"></div>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
Jul 31 Javascript
js防止表单重复提交的两种方法
Sep 30 Javascript
jquery绑定事件不生效的解决方法
Feb 11 Javascript
js判断某个方法是否存在实例代码
Jan 10 Javascript
Javascript的表单验证长度
Mar 16 Javascript
jQuery双向列表选择器select版
Nov 01 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
详解node Async/Await 更好的异步编程解决方案
May 10 Javascript
js中时间格式化的几种方法
Jul 22 Javascript
深入浅析vue-cli@3.0 使用及配置说明
May 08 Javascript
vue使用高德地图根据坐标定位点的实现代码
Aug 22 Javascript
JavaScript中Object、map、weakmap的区别分析
Dec 15 Javascript
基于JS代码实现实时显示系统时间
Jun 16 #Javascript
JavaScript代码实现图片循环滚动效果
Mar 19 #Javascript
jquery插件格式实例分析
Jun 16 #Javascript
详解JavaScript对象类型
Jun 16 #Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
Jun 16 #Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
Jun 16 #Javascript
JSON字符串和对象相互转换实例分析
Jun 16 #Javascript
You might like
php检测useragent版本示例
2014/03/24 PHP
php版微信小店API二次开发及使用示例
2016/11/12 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
PHP实现微信小程序人脸识别刷脸登录功能
2018/05/24 PHP
Laravel框架实现即点即改功能的方法分析
2019/10/31 PHP
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
js实现单行文本向上滚动效果实例代码
2013/11/28 Javascript
我的NodeJs学习小结(一)
2014/07/06 NodeJs
浅谈js中变量初始化
2015/02/03 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
JavaScript贪吃蛇小组件实例代码
2017/08/20 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
2019/03/28 Javascript
解决layui下拉框监听问题(监听不到值的变化)
2019/09/28 Javascript
Python实现一个简单的MySQL类
2015/01/07 Python
Python实现ssh批量登录并执行命令
2016/10/25 Python
python如何重载模块实例解析
2018/01/25 Python
Python中几种属性访问的区别与用法详解
2018/10/10 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
python调用百度AI接口实现人流量统计
2021/02/03 Python
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
数学与统计学院学生个人职业生涯规划书
2014/02/10 职场文书
大学新闻系应届生求职信
2014/06/02 职场文书
工商管理本科生求职信
2014/07/13 职场文书
教师师德师风个人整改方案
2014/09/18 职场文书
2014年政府采购工作总结
2014/12/09 职场文书
2015年教导处教学工作总结
2015/07/22 职场文书
开业庆典致辞
2015/08/01 职场文书
解析Java异步之call future
2021/06/14 Java/Android
工厂无线对讲系统解决方案
2022/02/18 无线电
Python 读取千万级数据自动写入 MySQL 数据库
2022/06/28 Python
华为HarmonyOS3.0强在哪? 看看鸿蒙3.0这7个小功能
2023/01/09 数码科技