详解Jquery 遍历数组之$().each方法与$.each()方法介绍


Posted in Javascript onJanuary 09, 2017

$().each()

对于这个方法,在dom处理上用的比较多,如果一个html页面上面有多个checkbox,这时用$().each来处理checkbox是比较不错的;

$("input[type='checkbox']").each(function(i){
  $(this).attr("checked",true);
});

回调函数里面的i在此处代表input集合传递过去的索引(也就是正在遍历的input元素的索引);

但是这段代码只用到了input集合的索引

<head>
  <title></title>
  <script src="jquery-1.9.0.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $('input:hidden').each(function (index, obj) {
        alert(obj.name + "..." + obj.value);
      });
    });
  </script>
</head>
<body>
<input type="hidden" value="1" name="a"/>
<input type="hidden" value="2" name="b"/>
<input type="hidden" value="3" name="c"/>
</body>

上面这段代码用到了input集合的索引,有用到了input集合的dom对象,可以通过该对象,拿到其对应的属性如:name,value等;

$.each()方法

1. 该方法处理一维数组,代码如下:

$.each(["aaa","bbb","ccc"],function(index,value){
   alert(i+"..."+value);
});

结果是输出  0...aaa   1...bbb   2...ccc

 2.该方法处理二维数组,代码如下:

$(function () {
      $.each([["aaa", "bbb", "ccc"], ["ddd", "eee", "fff"], ["ggg", "hhh", "iii"]], function (index, item) {
        alert(index + "..." + item);
        //输出0...aaa,bbb,ccc 1...ddd,eee,fff 2...ggg,hhh,iii  这时的index为数组下标,item相当于取这二维数组中的每一个数组
        $.each(item, function (index, itemobj) {
          alert(index + "....." + itemobj);
        });
      });
      //输出0...aaa,bbb,ccc 0...aaa 1...bbb 2...cccc 1...ddd,eee,fff 0...ddd 1...eee 2...fff 2...ggg,hhh,iii 0...ggg 1...hhh 2...iii
    });

3.该方法处理json数组,代码如下:

$(function () {
      var json = [{ name: "张三", sex: "男" }, { name: "李四", sex: "女" }, { name: "王五", sex: "gay"}]; //自定义一个json数组
      $.each(json, function (index, obj) {
        alert(index + "..." + obj.name+"..."+obj.sex);
      });
    });

json为后台传递过来的json数组,each遍历该数组,index通常为数组里面对象的索引,而obj为当前遍历到的对象

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
学习JS面向对象成果 借国庆发布个最新作品与大家交流
Oct 03 Javascript
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
jQuery元素的隐藏与显示实例
Jan 20 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
Jun 24 Javascript
js+css实现超简洁的二级下拉菜单效果代码
Sep 07 Javascript
echarts设置图例颜色和地图底色的方法实例
Aug 01 Javascript
koa上传excel文件并解析的实现方法
Aug 09 Javascript
vue实现循环切换动画
Oct 17 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
Apr 22 Javascript
Javascript通过控制类名更改样式
May 24 Javascript
JavaScript实现Tab选项卡切换
Feb 13 Javascript
uniapp开发小程序的经验总结
Apr 08 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 #Javascript
基于jQuery实现滚动刷新效果
Jan 09 #Javascript
用jQuery实现优酷首页轮播图
Jan 09 #Javascript
AngularJS实现表单验证功能
Jan 09 #Javascript
AngularJS表单基本操作
Jan 09 #Javascript
AngularJS Controller作用域
Jan 09 #Javascript
详解JavaScript树结构
Jan 09 #Javascript
You might like
如何使用脚本模仿登陆过程
2006/11/22 PHP
PHP URL参数获取方式的四种例子
2014/02/28 PHP
简单介绍win7下搭建apache+php+mysql开发环境
2015/08/06 PHP
phpcms中的评论样式修改方法
2016/10/21 PHP
jsp+javascript打造级连菜单的实例代码
2013/06/14 Javascript
javascript中typeof的使用示例
2013/12/19 Javascript
深入理解javascript构造函数和原型对象
2014/09/23 Javascript
浅谈javascript 迭代方法
2015/01/21 Javascript
jQuery判断数组是否包含了指定的元素
2015/03/10 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
2015/09/21 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
2015/10/29 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
JQuery判断正整数整理小结
2017/08/21 jQuery
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
谈谈JavaScript中的垃圾回收机制
2020/09/17 Javascript
鸿蒙系统中的 JS 开发框架
2020/09/18 Javascript
python删除服务器文件代码示例
2018/02/09 Python
python实现自动发送邮件
2018/06/20 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法
2019/08/27 Python
Python编程快速上手——Excel到CSV的转换程序案例分析
2020/02/28 Python
pycharm中选中一个单词替换所有重复单词的实现方法
2020/11/17 Python
Flask中jinja2的继承实现方法及实例
2021/03/03 Python
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
PHP使用Redis队列执行定时任务实例讲解
2021/03/24 PHP
2014年教师政治学习材料
2014/06/02 职场文书
2014年创先争优工作总结
2014/12/11 职场文书
检讨书大全
2015/01/27 职场文书
辞职信标准格式
2015/02/27 职场文书
2015年语文教研组工作总结
2015/05/23 职场文书
捐款仪式主持词
2015/07/04 职场文书
python opencv检测直线 cv2.HoughLinesP的实现
2021/06/18 Python
使用Python解决图表与画布的间距问题
2022/04/11 Python