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 替换
Feb 19 Javascript
ASP Json Parser修正版
Dec 06 Javascript
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
jQuery的slideToggle方法实例
May 07 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
Apr 14 Javascript
jQuery取id有.的值的方法
May 21 Javascript
javascript中clone对象详解
Dec 03 Javascript
JavaScript实现给定时间相加天数的方法
Jan 25 Javascript
Bootstrap轮播图学习使用
Feb 10 Javascript
前端开发之便利店收银系统代码
Dec 27 Javascript
JavaScript实现简单日历效果
Sep 11 Javascript
vue实力踩坑之push当前页无效
Apr 10 Vue.js
基于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中通过Ajax如何实现异步文件上传的代码实例
2011/05/07 PHP
PHP基础知识介绍
2013/09/17 PHP
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
JQuery中attr方法和removeAttr方法用法实例
2015/05/18 Javascript
纯javascript实现分页(两种方法)
2015/08/26 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
手机端转换rem适应
2017/04/01 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
js实现手机web图片左右滑动效果
2017/12/29 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
Node.js assert断言原理与用法分析
2019/01/04 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
[43:14]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
Python如何判断数独是否合法
2016/09/08 Python
python构建自定义回调函数详解
2017/06/20 Python
python实现守护进程、守护线程、守护非守护并行
2018/05/05 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
python pands实现execl转csv 并修改csv指定列的方法
2018/12/12 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
conda安装tensorflow和conda常用命令小结
2021/02/20 Python
Python tkinter实现日期选择器
2021/02/22 Python
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
初一英语教学反思
2014/01/11 职场文书
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书
创业计划书之校园跑腿公司
2019/09/24 职场文书
python - asyncio异步编程
2021/04/06 Python