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 相关文章推荐
变量声明时命名与变量作为对象属性时命名的区别解析
Dec 06 Javascript
JavaScript异步回调的Promise模式封装实例
Jun 07 Javascript
jQuery中innerHeight()方法用法实例
Jan 19 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
7个jQuery最佳实践
Jan 12 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
Nov 04 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
Apr 19 Javascript
利用vue.js实现被选中状态的改变方法
Feb 08 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
nuxt.js写项目时增加错误提示页面操作
Nov 05 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+redis实现添加处理投票的方法
2015/11/14 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
doctype后如何获得body.clientHeight的方法
2007/07/11 Javascript
Array.prototype.slice 使用扩展
2010/06/09 Javascript
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
无限树Jquery插件zTree的常用功能特性总结
2014/09/11 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
nodejs超出最大的调用栈错误问题
2017/12/27 NodeJs
JS改变页面颜色源码分享
2018/02/24 Javascript
vue组件jsx语法的具体使用
2018/05/21 Javascript
原生JS+HTML5实现的可调节写字板功能示例
2018/08/30 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
2019/07/22 jQuery
使用flow来规范javascript的变量类型
2019/09/12 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
2020/04/29 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
django输出html内容的实例
2018/05/27 Python
Python中函数参数调用方式分析
2018/08/09 Python
Python+OpenCV图片局部区域像素值处理改进版详解
2019/01/23 Python
Python OpenCV利用笔记本摄像头实现人脸检测
2020/08/20 Python
Python-Flask:动态创建表的示例详解
2019/11/22 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
matplotlib更改窗口图标的方法示例
2021/02/03 Python
大四学年自我鉴定
2013/11/13 职场文书
犯错检讨书
2014/02/21 职场文书
2014年端午节活动方案
2014/03/11 职场文书
三月法制宣传月活动总结
2014/07/03 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python
python调试工具Birdseye的使用教程
2021/05/25 Python
Python 阶乘详解
2021/10/05 Python
MySQL约束(创建表时的各种条件说明)
2022/06/21 MySQL
HTML5页面打开微信小程序功能实现
2022/09/23 HTML / CSS