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 相关文章推荐
Firefox getBoxObjectFor getBoundingClientRect联系
Oct 26 Javascript
JavaScript基本编码模式小结
May 23 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 Javascript
JavaScript中匿名、命名函数的性能测试
Sep 04 Javascript
JS实现模拟风力的雪花飘落效果
May 13 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
Nov 25 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
利用jQuery中的ajax分页实现代码
Feb 25 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
Jun 15 Javascript
layui之数据表格--与后台交互获取数据的方法
Sep 29 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 404错误页面实现代码
2009/06/22 PHP
php中使用addslashes函数报错问题的解决方法
2013/02/06 PHP
深入理解PHP之OpCode原理详解
2016/06/01 PHP
php+mongodb判断坐标是否在指定多边形区域内的实例
2016/10/28 PHP
PHP实现的贪婪算法实例
2017/10/17 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
客户端js性能优化小技巧整理
2013/11/05 Javascript
node.js中的buffer.length方法使用说明
2014/12/14 Javascript
分享JavaScript与Java中MD5使用两个例子
2015/12/23 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
jQuery获取复选框选中的当前行的某个字段的值
2017/09/15 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
JS实现的简单拖拽购物车功能示例【附源码下载】
2018/01/03 Javascript
基于jQuery.i18n实现web前端的国际化
2018/05/04 jQuery
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
vue实现日历表格(element-ui)
2020/09/24 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
Python中非常实用的一些功能和函数分享
2015/02/14 Python
python使用tensorflow保存、加载和使用模型的方法
2018/01/31 Python
python3爬虫怎样构建请求header
2018/12/23 Python
用python打印菱形的实操方法和代码
2019/06/25 Python
python单例模式的多种实现方法
2019/07/26 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
解决Jupyter无法导入已安装的 module问题
2020/04/17 Python
Python Selenium截图功能实现代码
2020/04/26 Python
高中自我评价范文
2014/01/27 职场文书
网球场地租赁协议范本
2014/10/07 职场文书
喋血孤城观后感
2015/06/08 职场文书
广播稿:校园广播稿范文
2019/04/17 职场文书
MybatisPlus EntityWrapper如何自定义SQL
2022/03/22 Java/Android
从零开始在Centos7上部署SpringBoot项目
2022/04/07 Servers
Nginx 配置 HTTPS的详细过程
2022/05/30 Servers