`
frank1998819
  • 浏览: 732044 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类

用jquery循环map( 转)

 
阅读更多
var map = {
    地名: ["北京","天津","上海"],
    民族: ["汉族","藏族","维吾尔族"]
};
 
$.each(map,function(key,values){
    console.log(key);
    $(values).each(function(){
        console.log("\t" + this);
    });
});
如果安装了firebug,控制台输出如下树状结构:

地名
  北京
  天津
  上海
民族
  汉族
  藏族
  维吾尔族

注意:jquery中的$().each和$.each的区别,前者只能遍历数组,后者可以遍历数组和对象

备注:sinobook项目中地名本体相关地按类型分类,后台包的是一个map(key是关系类型,value是一个list),前台可用上述方式输出
另外, jQuery map api
 
 
 
分享到:
评论

相关推荐

    基于jquery循环map功能的代码

    前些天记录了java中for循环取map,发现用jquery的each一样可以取map(我称之为js的map,不要较劲),且顺序和map中顺序一致。

    jQuery 遍历map()方法详解

    由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组 四、案例: <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>jquery map</title> ...

    jQuery遍历json中多个map的方法

    主要介绍了jQuery遍历json中多个map的方法,涉及jQuery循环的技巧与针对map的遍历方法,需要的朋友可以参考下

    jquery1.6.2(api+源码)

    为了让每个元素单独的值,使用一个循环结构的如jQuery .each()或.map()方法。 attributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ,.attr()方法有时检索时考虑到了一些属性的属性值,这可能...

    jQuery完全实例.rar

    返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。 -------------------------------------------------------------------------------- Execute a function within the context of every matched...

    原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作

    本文实例讲述了原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作。分享给大家供大家参考,具体如下: 一、原生JS forEach()和map()遍历 共同点: ①.都是循环遍历数组中的每一项。 ②....

    JavaScript 几种循环方式以及模块化的总结

    循环方式分为好几种循环方式,分别是for循环,forEach循环,map循环,for..in循环,for…of循环,jquery的循环。 小小将会依次对这几种循环方式进行介绍。 一般数组遍历循环 这里使用常用的数组遍历方式。 一般来说...

    jquery鼠标停留选项卡|选项卡|简单实现的选项卡js

    鼠标划过停留选项卡切换。可以设置鼠标停留时间,设置成0将不停留,鼠标划过切换。简单方便。...注意循环的时候ID控制。效果演示:时间设置为0的效果演示http://tangshanit.com.cn/help/webmap.aspx

    项目中用到的一些js的插件

    1、jQuery节点分布圆形循环信息展示是一款可以设置自动循环播放信息,也可以让用户手动点击展示信息。 2、# jquery.image-maps 这是一个自定义图片热区的demo

    jQuery ajax json 数据的遍历代码

    先给大家说下我的需求:进行ajax请求后,后台传递回来以下json数据。...对上面的json数据类在jquery 的success 函数中解析 JavaScript代码 $.ajax({ type: POST, url: xxx.do, dataType : json, // 指定返

    java面试宝典

    166、如何用JQuery进行表单验证? 39 167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求?...

    python入门到高级全栈工程师培训 第3期 附课件代码

    02 jquery循环方法和attr,prop方法 03 jquery模态对话框与clone的应用 04 jqueryCSS操作之offsets,position以及scrolltop 05 jquery事件绑定与事件委托 06 jquery动画效果 07 jquery扩展与插件 08 jquery扩展补充 09...

    Java JDK 7学习笔记(国内第一本Java 7,前期版本累计销量5万册)

    译作:《ajax实战手册》、《jquery实战手册(第2版)》 个人网站:http://openhome.cc 目录 《java jdk 7学习笔记》 chapter1 java平台概论 1 1.1 java不只是语言 2 1.1.1 前世今生 2 1.1.2 三大平台 5 ...

    javascript函数式编程程序员的工具集

    它们可以让你不必使用循环和语句,写出更简洁的代码。 map()、filter()和reduce()函数组成了函数式程序员工具集的核心部分,这个工具集包括一系列纯的、 高阶的函数,它们是函数式方法的主力。实际上,它们是纯函数...

    Javascript中八种遍历方法的执行速度深度对比

    本篇将带你走进JavaScript遍历的世界, 享受分析JS循环的快感. 本篇所有代码都可以直接运行, 希望您通读本篇后, 不止是浏览, 最好是亲手去实践下. 概述 js有如下两种数据需要经常遍历 数组(Array) 对象(Object) ...

    千方百计笔试题大全

    166、如何用JQuery进行表单验证? 39 167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求?...

    大数据培训课程安排.pdf

    主要技术包括:JavaScript、Jquery、注解反射⼀起使⽤,XML以及XML解析、解析dom4j、jxab、jdk8.0新特性、SVN、 Maven、easyui 4. 描述如下: 前两个阶段的基础上化静为动,可以实现让我们⽹页内容更加的丰富,当然...

Global site tag (gtag.js) - Google Analytics