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中的值类型和引用类型小结 文字说明与实例
Dec 12 Javascript
基于jQuery的前端数据通用验证库
Aug 08 Javascript
通过action传过来的值在option获取进行验证的方法
Nov 14 Javascript
如何在MVC应用程序中使用Jquery
Nov 17 Javascript
javascript加减乘除的简单实例
Jul 12 Javascript
Vue框架中正确引入JS库的方法介绍
Jul 30 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
layui之select的option叠加问题的解决方法
Mar 08 Javascript
微信小程序实时聊天WebSocket
Jul 05 Javascript
Vue多组件仓库开发与发布详解
Feb 28 Javascript
vue-router跳转时打开新页面的两种方法
Jul 29 Javascript
jquery实现手风琴案例
May 04 jQuery
基于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中使用Oracle数据库(2)
2006/10/09 PHP
完美解决PHP中的Cannot modify header information 问题
2013/08/12 PHP
PHP中使用BigMap实例
2015/03/30 PHP
PHP实现的XML操作类【XML Library】
2016/12/29 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
重定向实现代码
2006/11/20 Javascript
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
Javascript 陷阱 window全局对象
2008/11/26 Javascript
JavaScript定义类的几种方式总结
2014/01/06 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
JS全局变量和局部变量最新解析
2016/06/24 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
2016/12/29 Javascript
js实现手机拍照上传功能
2017/01/17 Javascript
vue.js之vue-cli脚手架的搭建详解
2017/05/05 Javascript
小发现之浅谈location.search与location.hash的问题
2017/06/23 Javascript
微信小程序 Buffer缓冲区的详解
2017/07/06 Javascript
Element-UI踩坑之Pagination组件的使用
2018/10/29 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
vue实现绑定事件的方法实例代码详解
2019/06/20 Javascript
JS回调函数深入理解
2019/10/16 Javascript
解决pycharm双击但是无法打开的情况
2020/10/31 Javascript
[02:00]最后,我终于出了辉耀
2018/03/27 DOTA
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
go语言计算两个时间的时间差方法
2015/03/13 Python
python使用HTMLTestRunner导出饼图分析报告的方法
2019/12/30 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
HTML5拍照和摄像机功能实战详解
2019/01/24 HTML / CSS
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
Hertz荷兰:荷兰和全球租车
2018/01/07 全球购物
优秀求职信范文分享
2014/01/26 职场文书
审计主管岗位职责
2014/01/31 职场文书
教师反邪教心得体会
2016/01/15 职场文书
2016干部作风整顿心得体会
2016/01/22 职场文书
Win11更新失败并提示0xc1900101
2022/04/19 数码科技
mysql 子查询的使用
2022/04/28 MySQL