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 相关文章推荐
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
Feb 03 Javascript
javascript强大的日期函数代码分享
Sep 04 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
Bootstrap每天必学之标签页(Tab)插件
Aug 09 Javascript
标准的js无缝滚动效果
Aug 30 Javascript
ajax分页效果(bootstrap模态框)
Jan 23 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
js闭包学习心得总结
Apr 17 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
Sep 28 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
Dec 09 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
Jun 03 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&amp;mysql(二)
2006/10/09 PHP
一个基于PDO的数据库操作类
2011/03/24 PHP
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
hadoop中一些常用的命令介绍
2013/06/19 PHP
PHP时间格式控制符对照表分享
2013/07/23 PHP
php实现水仙花数的4个示例分享
2014/04/08 PHP
查找php配置文件php.ini所在路径的二种方法
2014/05/26 PHP
php实现的支持断点续传的文件下载类
2014/09/23 PHP
PHP学习笔记(三):数据类型转换与常量介绍
2015/04/17 PHP
PHP自定义函数实现格式化秒的方法
2016/09/14 PHP
PHP标准类(stdclass)用法示例
2016/09/28 PHP
PHP实现判断数组是一维、二维或几维的方法
2017/02/06 PHP
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
2009/05/25 Javascript
javascript中的onkeyup和onkeydown区别介绍
2013/04/28 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
2013/05/28 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
node.js中的fs.readFile方法使用说明
2014/12/15 Javascript
jQuery实现流动虚线框的方法
2015/01/29 Javascript
深入理解JavaScript中的对象复制(Object Clone)
2016/05/18 Javascript
require.js配合插件text.js实现最简单的单页应用程序
2016/07/12 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
2017/02/23 Javascript
老生常谈js数据类型
2017/08/03 Javascript
vue+vue-validator 表单验证功能的实现代码
2017/11/13 Javascript
JavaScript函数apply()和call()用法与异同分析
2018/08/10 Javascript
@angular前端项目代码优化之构建Api Tree的方法
2018/12/24 Javascript
利用Python批量压缩png方法实例(支持过滤个别文件与文件夹)
2017/07/30 Python
python实现实时视频流播放代码实例
2020/01/11 Python
python如何输出反斜杠
2020/06/18 Python
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
家长会邀请书
2014/01/25 职场文书
生产助理岗位职责
2014/06/18 职场文书
小学美术兴趣小组活动总结
2014/07/07 职场文书
2014年医生工作总结
2014/11/21 职场文书
Vue实现下拉加载更多
2021/05/09 Vue.js
Redis三种集群模式详解
2021/10/05 Redis
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS