jQuery each()小议


Posted in Javascript onMarch 18, 2010
var arr1 = [ "one", "two", "three", "four", "five" ]; 
$.each(arr1, function(){ 
alert(this); 
});

输出:one two three four five
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]] 
$.each(arr2, function(i, item){ 参数的名字可以自己定义,each方法会根据第一个参数(arr2)的格式而判断回调函数方法体语法的正确性 
alert(item[0]); 
});

输出:1 4 7
var obj = { one:1, two:2, three:3, four:4, five:5 }; 
$.each(obj, function(key, val) { 
alert(obj[key]); 
});

输出:1 2 3 4 5
$.each($("input:hidden"), function(){ 
alert(this.name); 
}); 
$.each($("input:hidden"), function(){ 
alert(this.value); 
});

跳出遍历
$(document).ready( 
function test() 
{ var index=0; 
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] 
$.each(arr1, function(i,item){ 
if(i==1) 
{ 
alert("点击继续下次遍历"); 
return ; //return false ;则跳出遍历 
} 
alert('索引'+i+'_'+item[0]); 
}); 
})
Javascript 相关文章推荐
jQueryUI的Dialog的简单封装
Jun 07 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
了不起的node.js读书笔记之mongodb数据库交互
Dec 22 Javascript
jquery实现拖动效果(代码分享)
Jan 25 Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
Angular中使用$watch监听object属性值的变化(详解)
Apr 24 Javascript
Bootstrap栅格系统的使用详解
Oct 30 Javascript
微信小程序实现两个页面传值的方法分析
Dec 11 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
Aug 07 Javascript
开发一个封装iframe的vue组件
Mar 29 Vue.js
jquery ajax执行后台方法
Mar 18 #Javascript
jQuery中与toggleClass等价的程序段 以及未来学习的方向
Mar 18 #Javascript
javascript 验证日期的函数
Mar 18 #Javascript
12个非常有创意的JavaScript小游戏
Mar 18 #Javascript
JQuery 插件模板 制作jquery插件的朋友可以参考下
Mar 17 #Javascript
jquery 简单图片导航插件jquery.imgNav.js
Mar 17 #Javascript
Array.prototype.slice.apply的使用方法
Mar 17 #Javascript
You might like
用php或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
for循环连续求和、九九乘法表代码
2012/02/20 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
[原创]CI(CodeIgniter)简单统计访问人数实现方法
2016/01/19 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
jquery中EasyUI实现异步树
2015/03/01 Javascript
jquery遍历json对象集合详解
2016/05/18 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
vue-cli webpack 开发环境跨域详解
2017/05/18 Javascript
JavaScript hasOwnProperty() 函数实例详解
2017/08/04 Javascript
微信小程序中setInterval的使用方法
2017/09/29 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
js实现计时器秒表功能
2019/12/16 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
2020/06/05 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
js+h5 canvas实现图片验证码
2020/10/11 Javascript
jQuery-App输入框实现实时搜索
2020/11/19 jQuery
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
Python学习思维导图(必看篇)
2017/06/26 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
Python实现繁?转为简体的方法示例
2018/12/18 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
python实现视频压缩功能
2020/12/18 Python
matplotlib交互式数据光标mpldatacursor的实现
2021/02/03 Python
纯CSS3编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
2013/01/07 HTML / CSS
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
捷克街头、运动和滑板一站式商店:BoardStar.cz
2019/10/06 全球购物
环境科学专业研究生求职信
2013/10/02 职场文书
2014年安全生产大检查方案
2014/05/13 职场文书
挂职学习心得体会
2014/09/09 职场文书
行政助理岗位职责范本
2015/04/11 职场文书
2016领导干部廉洁从政心得体会
2016/01/19 职场文书
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
Python 装饰器(decorator)常用的创建方式及解析
2022/04/24 Python