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 相关文章推荐
Jquery 设置标题的自动翻转
Oct 03 Javascript
JavaScript 原型学习总结
Oct 29 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
js如何调用qq互联api实现第三方登录
Mar 28 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
webpack独立打包和缓存处理详解
Apr 03 Javascript
AngularJS实现自定义指令与控制器数据交互的方法示例
Jun 19 Javascript
基于vue组件实现猜数字游戏
May 28 Javascript
微信小程序后台持续定位功能使用详解
Aug 23 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
May 29 Javascript
nuxt引入组件和公共样式的操作
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中使用XML
2006/10/09 PHP
php 使用GD库为页面增加水印示例代码
2014/03/24 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
php中文验证码实现方法
2015/06/18 PHP
CentOS下与Apache连接的PHP多版本共存方案实现详解
2015/12/19 PHP
动态加载iframe
2006/06/16 Javascript
jquery 屏蔽一个区域内的所有元素,禁止输入
2009/10/22 Javascript
jQuery ajax BUG:object doesn't support this property or method
2010/07/06 Javascript
JS调试必备的5个debug技巧
2014/03/07 Javascript
详解Angular开发中的登陆与身份验证
2016/07/27 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
JavaScript纯色二维码变成彩色二维码
2020/07/23 Javascript
Vue非父子组件通信详解
2017/06/12 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
超详细小程序定位地图模块全系列开发教学
2020/11/24 Javascript
Python格式化压缩后的JS文件的方法
2015/03/05 Python
在GitHub Pages上使用Pelican搭建博客的教程
2015/04/25 Python
深入理解Python中各种方法的运作原理
2015/06/15 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
python中struct模块之字节型数据的处理方法
2019/08/27 Python
Python实现直播推流效果
2019/11/26 Python
python如何判断IP地址合法性
2020/04/05 Python
Html5页面在微信端的分享的实现方法
2018/08/30 HTML / CSS
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
物流专业大学生的自我鉴定
2013/11/13 职场文书
大学生开西餐厅创业计划书
2014/02/01 职场文书
幼儿园运动会入场词
2014/02/10 职场文书
党员岗位承诺口号大全
2014/03/28 职场文书
公司承诺书范文
2014/05/19 职场文书
模特大赛策划方案
2014/05/28 职场文书
学校节能减排方案
2014/06/13 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
2015年度招聘工作总结
2015/05/28 职场文书
怎么禁用Win11输入法 最新Win11输入法关闭教程
2022/08/05 数码科技