`
kely39
  • 浏览: 47820 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery 遍历对象、数组、集合

阅读更多

1.jquery 遍历对象

var obj =[{"name":"kely","password":"123456"}];
	$.each(obj,function(n,value) { 
			   var trs = "";
				 trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";
				 tbody += trs;       
			   });
			 $("#project").append(tbody);
	  });

 2.jQuery遍历数组

var anArray = ['one','two','three'];
	$.each(anArray,function(n,value) {
           var trs = "";
             trs += "<tr><td>" +value+"</td></tr>";
              tbody += trs;
            });
          $("#project").append(tbody);
     
	});

 3.jQuery 遍历List集合(其实与遍历一个对象没有太大区别,只是格式上的问题)

var obj =[{"name":"kely","password":"123456"},{"name":"aaa","password":"333333"}];
	$.each(obj,function(n,value) { 
       var trs = "";
             trs += "<tr><td>" +value.name+"</td> <td>" + value.password +"</td></tr>";
             tbody += trs;       
           });
         $("#project").append(tbody);
     
	});

 

0
0
分享到:
评论
1 楼 天使建站 2018-06-16  
    

写得不错,可以看这里,和这里的这篇文章一起看,有在线实例演示的:
jquery遍历数组[包括多维数组]的方法和实例
http://www.aijquery.cn/Html/jqueryrumen/97.html

相关推荐

    jQuery遍历对象、数组、集合实例

    主要介绍了jQuery遍历对象、数组、集合实例,本文直接给出实例代码,在代码中有详细注释来解释代码的作用,需要的朋友可以参考下

    jQuery 遍历map()方法详解

    map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以...

    jquery数组封装使用方法分享(jquery数组遍历)

    不同于例遍 jQuery 对象的 $.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出 each 循环可使回调函数返回...

    详解Jquery 遍历数组之$().each方法与$.each()方法介绍

    回调函数里面的i在此处代表input集合传递过去的索引(也就是正在遍历的input元素的索引); 但是这段代码只用到了input集合的索引 &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="jquery-1.9.0.min.js

    js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

    本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法。分享给大家供大家参考,具体如下: [removed] var values=function(object) { var values = []; for (var property in object) values....

    浅析jQuery 遍历函数,javascript中的each遍历

    jQuery 遍历函数 jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。 函数 描述 ...将元素添加到匹配元素...对 jQuery 对象进行迭代,为每个匹配元素执行函数。 .end() 结束当前链中最近的一次筛选操作,并将

    浅谈jQuery中对象遍历.eq().first().last().slice()方法

    eq(index):将集合中的索引为index的元素提取出来. first():返回集合中的第一个...300~301:先借用数组方法slice()从当前jQuery对象中获取指定范围的子集, 在掉用方法pushStack()把子集转换为jQuery对象,同时通过属性pr

    JQuery中$.each 和$(selector).each()的区别详解

    $.each()与$(selector).each()不同, 后者专用于jquery对象的遍历, 前者可用于遍历任何的集合(无论是数组或对象),如果是数组,回调函数每次传入数组的索引和对应的值(值亦可以通过this 关键字获取,但javascript总会...

    js实现json数组分组合并操作示例

    主要介绍了js实现json数组分组合并操作,涉及javascript针对json数组的遍历、判断、添加、赋值等相关操作技巧,需要的朋友可以参考下

    jquery中$each()方法的使用指南

    $.each()与$(selector).each()不同, 后者专用于jquery对象的遍历, 前者可用于遍历任何的集合(无论是数组或对象),如果是数组,回调函数每次传入数组的索引和对应的值(值亦可以通过this 关键字获取,但javascript总会...

    jQuery详细教程

    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...

    深入理解$.each和$(selector).each

    $.each:该方法用于遍历任何集合,包括数组和对象 $(selector).each:该方法用于遍历Jquery对象 语法:$.each(obj,callback,args) ①遍历数组 var arry = [“a”,”b”,”c”,”d”,…]; $.each(arry,function(index...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

    jQuery each和js forEach用法比较

    对于遍历数组的元素,js和jquery都有类似的方法,js用的是forEach而jquery用的是each,简单举例; var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]); arr.forEach(function(item){ alert&#40;item&#41;; //b, ...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

    史上最全传智播客PHP就业班视频课,8月份视频

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

    (全)传智播客PHP就业班视频完整课程

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

    jQuery实用函数用法总结

    2.遍历集合 可能这样写: var anArray = ['one','two']; for(var n = 0; n &lt; anArray.length; n++){ } 还有可能这样写: var anObject = {one: 1, two: 2}; for(var p in anObject){ } 但有了$.each函数后,...

Global site tag (gtag.js) - Google Analytics