js中的遍历foreach,$.each(),$().each()
2015-09-24 11:17
429 查看
<!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title></title> </head> <body> <h3>1</h3> <h3>2</h3> <h3>3</h3> <div id='in'></div> <div id='each'></div> <div id='in2'></div> <div id='each2'></div> <span id='span1'></span> <span id='span2'></span> <span id='span3'></span> </body> <script src="jquery-2.1.1.js"></script> <script type="text/javascript"> var array = ['v1','v2','v3']; var obj = {'length':10,'width':5}; var jqueryobj = $('h3'); //遍历对象 for(var key in obj){//js中没有foreach关键字,只不过是通过for in来实现 $('#in').append(key+':'+obj[key]+'<br>'); } $.each(obj,function(key,value){//此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。 $('#each').append(key+':'+value+'<br>'); }); //遍历数组 for(var key in array){ $('#in2').append(key+':'+array[key]+'<br>'); } $.each(array,function(key,value){ $('#each2').append(key+':'+value+'<br>'); }); //遍历jQuery对象 $.each(jqueryobj,function(index){ $('#span2').append(index+":"+$(this).text()+'<br>'); }); jqueryobj.each(function(index){//此方法只能遍历jQuery对象 $('#span3').append(index+":"+$(this).text()+'<br>'); }); </script> </html>
结果:
1 2 3 length:10 width:5 length:10 width:5 0:v1 1:v2 2:v3 0:v1 1:v2 2:v3 0:1 1:2 2:3 0:1 1:2 2:3
相关文章推荐
- 如何在JavaScript中手动创建类数组对象
- JavaScript:对象
- JS判断文本框内容改变事件的简单实例
- org.json.simple使用详解
- JavaScript的DOM编程--08--复习
- javascript之查找数组中最小/最大的数
- js中的深复制和浅复制
- emberjs学习一(环境和第一个例子)
- js计算文本域还能输入多少个字
- Javascript学习(一)——汉诺塔迭代算法的实现过程
- avalon js实现仿google plus图片多张拖动排序附源码下载
- js修改title
- jsp页面里的分页表格导出Excel
- JS中Var关键字
- JavaScript 中的相等检测
- JS获取网页窗口大小、浏览器窗口大小、页面元素位置
- Js confirm删除确认 弹出对话框的写法
- JavaScript的DOM编程--07--节点的属性
- 数据处理
- 复杂json转换实体bean