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 相关文章推荐
javascript cookies操作集合
Apr 12 Javascript
JavaScript 原型学习总结
Oct 29 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
Jan 08 Javascript
js切换div css注意的细节
Dec 10 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
javascript如何实现360度全景照片问题汇总
Apr 04 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
Jan 18 Javascript
Vue代码分割懒加载的实现方法
Nov 23 Javascript
AJAX在JQuery中的应用详解
Jan 30 jQuery
简单通过settimeout看javascript的运行机制
May 10 Javascript
解决Vue打包上线之后部分CSS不生效的问题
Nov 12 Javascript
uniapp实现可以左右滑动导航栏
Oct 21 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
实用函数10
2007/11/08 PHP
PHP关联数组的10个操作技巧
2013/01/21 PHP
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
PHP使用PHPexcel导入导出数据的方法
2015/11/14 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
PHP错误提示It is not safe to rely on the system……的解决方法
2019/03/25 PHP
JavaScript类型转换方法及需要注意的问题小结(挺全面)
2010/11/11 Javascript
javascript中的数字与字符串相加实例分析
2011/08/14 Javascript
SOSO地图JS画出标注和中心点以html形式运行
2013/08/09 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
javascript判断数组内是否重复的方法
2015/04/21 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
2016/05/10 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
JavaScript中undefined和null的区别
2017/05/03 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
微信小程序自定义toast的实现代码
2018/11/16 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
2019/05/30 Javascript
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python实现DDos攻击实例详解
2019/02/02 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
Python之京东商品秒杀的实现示例
2021/01/06 Python
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
2014/05/07 HTML / CSS
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
美国正版电视节目和电影在线观看:Hulu
2018/05/24 全球购物
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
计算机应用专业推荐信
2013/11/13 职场文书
电子信息专业自荐书
2014/02/04 职场文书
目标责任书范本
2014/04/16 职场文书
幼儿园小班开学寄语
2015/05/27 职场文书
2015暑期社会实践通讯稿
2015/07/18 职场文书
消防安全主题班会
2015/08/12 职场文书
MySQL创建管理HASH分区
2022/04/13 MySQL