基于jquery循环map功能的代码


Posted in Javascript onFebruary 26, 2011

废话少说,看代码

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),前台可用上述方式输出

Javascript 相关文章推荐
使用jQuery简化Ajax开发 Ajax开发入门
Oct 14 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 Javascript
js onload事件不起作用示例分析
Oct 09 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
JQuery DIV 动态隐藏和显示的方法
Jun 23 Javascript
iframe与主框架跨域相互访问实现方法
Sep 14 Javascript
3种vue组件的书写形式
Nov 29 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
Jul 13 Javascript
mpvue将vue项目转换为小程序
Sep 30 Javascript
vue项目使用.env文件配置全局环境变量的方法
Oct 24 Javascript
微信小程序关键字变色实现代码实例
Dec 13 Javascript
textarea中的手动换行处理的jquery代码
Feb 26 #Javascript
JS 面向对象之神奇的prototype
Feb 26 #Javascript
js 创建书签小工具之理论
Feb 25 #Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
Feb 25 #Javascript
Javascript中定义方法的另类写法(批量定义js对象的方法)
Feb 25 #Javascript
23个Javascript弹出窗口特效整理
Feb 25 #Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
Feb 24 #Javascript
You might like
php数据库配置文件一般做法分享
2012/07/07 PHP
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
PHP7扩展开发之基于函数方式使用lib库的方法详解
2018/01/15 PHP
Aster vs Newbee BO5 第三场2.19
2021/03/10 DOTA
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
JS随机打乱数组的方法小结
2016/06/22 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
jQuery插件ContextMenu自定义图标
2017/03/15 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
vue实现的上传图片到数据库并显示到页面功能示例
2018/03/17 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
2019/09/23 Javascript
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
python基础教程之udp端口扫描
2014/02/10 Python
简单介绍Python中的RSS处理
2015/04/13 Python
Python数据结构与算法之图的广度优先与深度优先搜索算法示例
2017/12/14 Python
Python反射用法实例简析
2017/12/22 Python
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
pandas string转dataframe的方法
2018/04/11 Python
实用自动化运维Python脚本分享
2018/06/04 Python
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
加拿大便宜的隐形眼镜商店:Clearly
2016/09/15 全球购物
美国钻石商店:Zales
2016/11/20 全球购物
初一地理教学反思
2014/01/16 职场文书
班级学习计划书
2014/04/27 职场文书
计生专干事迹
2014/05/28 职场文书
红色旅游心得体会
2014/09/03 职场文书
ES6 解构赋值的原理及运用
2021/05/25 Javascript
MySQL数据库优化之通过索引解决SQL性能问题
2022/04/10 MySQL
Java的Object类的九种方法
2022/04/13 Java/Android
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL