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 相关文章推荐
Tips 带三角可关闭的文字提示
Oct 06 Javascript
jquery 全局AJAX事件使用代码
Nov 05 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
Jun 17 Javascript
jQuery中slice()方法用法实例
Jan 07 Javascript
jQuery Ajax使用实例
Apr 16 Javascript
jQuery实现的数值范围range2dslider选取插件特效多款代码分享
Aug 27 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
vue中v-model动态生成的实例详解
Oct 27 Javascript
Vue实现一个无限加载列表功能
Nov 13 Javascript
JS中min函数实例讲解
Feb 18 Javascript
createObjectURL方法实现本地图片预览
Sep 30 Javascript
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以ROOT权限执行系统命令的方法
2011/02/10 PHP
教你如何在CI框架中使用 .htaccess 隐藏url中index.php
2014/06/09 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
PHP生成各种常见验证码和Ajax验证过程
2016/01/10 PHP
Yii2.0实现生成二维码功能实例
2017/10/24 PHP
jquery创建一个ajax关键词数据搜索实现思路
2013/02/26 Javascript
Js控制弹窗实现在任意分辨率下居中显示
2013/08/01 Javascript
node.js操作mongodb学习小结
2015/04/25 Javascript
javascript实现动态显示颜色块的报表效果
2017/04/10 Javascript
react-native中ListView组件点击跳转的方法示例
2017/09/30 Javascript
vue-cli之router基本使用方法详解
2017/10/17 Javascript
IntelliJ IDEA 安装vue开发插件的方法
2017/11/21 Javascript
node.js通过axios实现网络请求的方法
2018/03/05 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
2018/05/18 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
2018/09/03 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
基于element-ui组件手动实现单选和上传功能
2018/12/06 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
Python的迭代器和生成器使用实例
2015/01/14 Python
Python中设置变量访问权限的方法
2015/04/27 Python
python编程开发之类型转换convert实例分析
2015/11/13 Python
Python常用的json标准库
2019/02/19 Python
Django项目中添加ldap登陆认证功能的实现
2019/04/04 Python
Python 实现自动登录+点击+滑动验证功能
2020/06/10 Python
Python私有属性私有方法应用实例解析
2020/09/15 Python
python re.match()用法相关示例
2021/01/27 Python
TripAdvisor德国:全球领先的旅游网站
2017/12/07 全球购物
经济与贸易专业应届生求职信
2013/11/19 职场文书
家佳咖啡店创业计划书
2013/12/27 职场文书
蛋糕店的商业计划书范文
2014/01/27 职场文书
我的画教学反思
2014/04/28 职场文书
宣传工作经验材料
2014/06/02 职场文书
停车场管理制度范本
2015/08/05 职场文书
Python Pandas pandas.read_sql_query函数实例用法分析
2021/06/21 Python
Python OpenCV之常用滤波器使用详解
2022/04/07 Python
解决vue-router的beforeRouteUpdate不能触发
2022/04/14 Vue.js