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字符串累加Array不一定比字符串累加快(根据电脑配置)
May 14 Javascript
使用js显示当前时间示例
Mar 02 Javascript
JavaScript设计模式之建造者模式介绍
Dec 28 Javascript
JavaScript编写推箱子游戏
Jul 07 Javascript
轻量级javascript 框架Backbone使用指南
Jul 24 Javascript
JS常用算法实现代码
Nov 14 Javascript
微信小程序实现的自定义分享功能示例
Feb 12 Javascript
微信小程序学习笔记之本地数据缓存功能详解
Mar 29 Javascript
JavaScript类的继承多种实现方法
May 30 Javascript
学前端,css与javascript重难点浅析
Jun 11 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
Feb 23 Vue.js
js实现自动锁屏功能
Jun 02 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 magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
php实现删除指定目录下相关文件的方法
2014/10/20 PHP
smarty半小时快速上手入门教程
2014/10/27 PHP
为指定元素增加样式的js代码
2009/12/09 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
聊一聊Vue.js过渡效果
2016/09/07 Javascript
详解webpack与SPA实践之开发环境搭建
2017/12/18 Javascript
jQuery实现参数自定义的文字跑马灯效果
2018/08/15 jQuery
手把手教你如何使用nodejs编写cli命令行
2018/11/05 NodeJs
微信小程序实现购物页面左右联动
2019/02/15 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
[01:18:33]Secret vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
python使用marshal模块序列化实例
2014/09/25 Python
在Python的Django框架中用流响应生成CSV文件的教程
2015/05/02 Python
python对url格式解析的方法
2015/05/13 Python
Django1.7+python 2.78+pycharm配置mysql数据库
2016/10/09 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
django+xadmin+djcelery实现后台管理定时任务
2018/08/14 Python
Python实现的批量修改文件后缀名操作示例
2018/12/07 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
Kali Linux安装ipython2 和 ipython3的方法
2019/07/11 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
Python文件操作方法详解
2020/02/09 Python
使用Python项目生成所有依赖包的清单方式
2020/07/13 Python
简单介绍CSS3中Media Query的使用
2015/07/07 HTML / CSS
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
阿迪达斯法国官方网站:adidas法国
2018/03/20 全球购物
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
社区工作感言
2014/02/21 职场文书
《绿色蝈蝈》教学反思
2014/03/02 职场文书
春节联欢晚会主持词
2014/03/24 职场文书
男女朋友协议书
2014/04/23 职场文书
建筑工地标语
2014/06/18 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书
简单且有用的Python数据分析和机器学习代码
2021/07/02 Python
Python获取字典中某个key的value
2022/04/13 Python