jq 中each的用法

简介: jQuery的each方法的几种常用的用法 each()方法能使DOM循环结构简洁,可遍历一维数组、多维数组、DOM, JSON 等等。   var arr = [ "one", "two", "three", "four"]; $.

jQuery的each方法的几种常用的用法

each()方法能使DOM循环结构简洁,可遍历一维数组、多维数组、DOM, JSON 等等。

 

var arr = [ "one", "two", "three", "four"];     
 $.each(arr, function(){     
    alert(this);     
 });   

//上面这个each输出的结果分别为:one,two,three,four    
    

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
$.each(arr1, function(i, item){     
   alert(item[0]);     
});     

//其实arr1为一个二维数组,item相当于取每一个一维数组,   
//item[0]相对于取每一个一维数组里的第一个值   
//所以上面这个each输出分别为:1   4   7     
  

var obj = { one:1, two:2, three:3, four:4};     
$.each(obj, function(i) {     
    alert(obj[i]);           
});   

//这个each就有更厉害了,能循环每一个属性     
//输出结果为:1   2  3  4

 

 

ecah处理dom元素,此处以一个input表单元素作为例子。

如果你dom中有一段这样的代码
<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
写法1
 $.each($("input:hidden"), function(i,val){  
     alert(i);
     alert(val.name);
     alert(val.value);   
 });  

写法2

$("input:hidden").each(function(i,val){
    alert(i);
    alert(val.name);
    alert(val.value);       
});

 

来自:http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html
 
 
 
 
相关文章
|
2月前
|
JavaScript 前端开发 API
jq修改dom|2-6
jq修改dom|2-6
|
3月前
|
JavaScript
将jq转为原生js格式
将jq转为原生js格式
33 2
|
6月前
|
JavaScript 前端开发
Symbol在JavaScript中有哪些具体的用法和语法
Symbol在JavaScript中有哪些具体的用法和语法
|
前端开发
jq书写点击换图
jq书写点击换图
55 0
|
应用服务中间件 nginx 数据格式
JQ的日常使用
在日常的使用过程中,我们可能会遇到nginx 日志格式为json,在分析过程中,就需要专业的工具对其进行格式化过滤处理,给大家推荐一下jq这个工具.
1747 0
|
JavaScript
jq insertBefore 的返回值
关于jq 的insertBefore 方法的返回值 先来说一下它的用法: insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。 注释:如果该方法用于已有元素,这些元素会被从当前位置移走,然后被添加到被选元素之前。
942 0
|
Web App开发