jquery $.each() 使用小探
更新时间：2013年08月23日 17:34:44 作者：
jquery each想必大家对此并不陌生吧，它的使用范围还是比较广泛的，下面与大家分享个示例来介绍jquery each的使用方法，感兴趣的朋友可以参考下，希望对大家有所帮助
复制代码 代码如下:
<html>
<head>
<title>
jquery each使用
</title>
<script type='text/javascript' src='jquery-1.8.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function(){
//进行遍历一维数组
var arr1 = [ "aaa", "bbb", "ccc" ]; //同c语言不同时变量值使用[] 而不是{}
$.each(arr1, function(i,val){
alert(i+"前面是下标后面是值"+val);
});
//遍历二维数组
var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']];
$.each(arr2, function(i, item){
alert(i+"前面是下标后面是值"+item);
});
$.each(arr2, function(i, item){
$.each(item,function(j,val){
alert(j+"前面是下标后面是值"+val);
});
});
//循环遍历dom对象
$.each($("input:hidden"), function(i,val){
alert(val); //为dom对象
alert(i); //为下标0 1 2
alert(val.name);
alert(val.value);
});
//结果和上面一样
$("input:hidden").each(function(i,val){
alert(i);
alert(val);
alert(val.name);
alert(val.value);
});
});
</script>
</head>
<body>
<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>
</body>
</html>
相关文章
JQuery中的html()、text()、val()区别示例介绍
这篇文章主要介绍了JQuery中的html()、text()、val()的区别,需要的朋友可以参考下2014-09-09
jquery 操作DOM案例，实现图片的显示，需要的朋友可以参考下2012-04-04
很多数据统计效果中，柱状条方式的算是比较常见的一种，形象直观，下面就是一段能够实现此功能的代码实例，并且具有一定的动态效果，感兴趣的朋友可以参考一下2016-02-02
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习.2011-02-02
jQuery Easyui datagrid连续发送两次请求问题
用上述方式动态加载datagrid的数据时，通过net监听，发现调用了两遍XX方法，目前的解决方案是，将url放到datagrid初始化的时候执行2016-12-12
这篇文章主要介绍了jQuery实现适用于移动端的跑马灯抽奖特效,结合实例形式分析了jQuery结合时间函数动态操作页面元素实现的跑马灯抽奖功能相关操作技巧,需要的朋友可以参考下2019-01-01
获取时间的方法及常用时间类都是大家经常使用的，在本文为大家整理了一些，个人感觉还比较全，感兴趣的朋友可以收集下2013-10-10
本文给大家分享jQuey将序列化对象在前台显示地的几种方式，非常不错，具有参考借鉴价值，需要的朋友一起看看吧2016-12-12
改善你的jQuery的25个步骤 -- 从头看完会有无数收获,千倍级效率提升2010-02-02
jquery 层次选择器siblings与nextAll的区别介绍
jquery 层次选择器包括siblings与nextAll，本文为大家介绍下具体的使用方法，想学习的朋也可以参考下，希望对大家有所帮助2013-08-08
最新评论