`
wangchongbiao
  • 浏览: 53260 次
  • 性别: 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()和each()方法

    在jQuery库中,`map()`和`each()`都是遍历集合元素的重要方法,但它们有着不同的使用场景和功能。本文将深入探讨这两个方法,并通过示例来解释它们的工作原理。 ### 1. `map()`方法 `map()`方法主要用于创建一个新...

    JQuery官方资料搜集

    - **引号引用**:在JavaScript中,字符串可以用单引号或双引号定义,可以嵌套使用,但内层引号需要使用反斜杠进行转义。 - **内置方法**:字符串对象提供了许多内置方法,如`slice()`, `substring()`, `indexOf()`...

    jquery、js操作checkbox全选反选.docx

    - **解析**:通过循环遍历所有Checkbox,检查哪些是选中的,然后将它们的值添加到一个数组中,最后返回用逗号连接的字符串。 #### 六、总结 通过以上介绍,我们了解了如何使用jQuery和纯JavaScript来实现Checkbox...

    jquery遍历input取得input的name

    本文将深入探讨如何使用jQuery遍历页面中的`<input>`元素,并从中提取`name`属性的值。这是一项非常实用的技术,尤其在处理表单数据时尤为重要。 #### 一、基础知识回顾 在开始之前,我们先简要回顾一下相关的基本...

    jquery、js操作checkbox全选反选

    这个函数利用 jQuery 的 `.map()` 方法将所有选中的复选框的值收集起来,然后通过 `.get()` 转换为 JavaScript 数组,并使用 `.join(',')` 合并成一个以逗号分隔的字符串返回。这样,我们可以方便地得到所有选中复选...

    我收集的javascript详细资料

    1. **基础语法**:包括变量声明(var、let、const)、数据类型(原始类型和引用类型)、运算符(算术、比较、逻辑、位运算符等)、流程控制(条件语句、循环语句、开关语句)以及函数定义和调用。 2. **对象与数组*...

    jquery实现checkbox 全选/全不选的通用写法

    函数内部使用了jQuery的`:checked`和`.map()`方法,将所有选中的复选框的`value`属性收集到数组中,最后通过`.get().join(",")`将其转换为逗号分隔的字符串。 ```javascript function getCheckboxValues(name) { ...

    jquery中获取select选中值的代码

    这里使用了`$.map()`函数来遍历所有选中项并收集它们的文本和值。 总的来说,jQuery提供了一套简洁的API来操作DOM元素,包括获取`<select>`元素中选中的值、文本和索引,使得前端开发更加高效。在实际项目中,应...

    JS去除重复并统计数量的实现方法

    为了展示结果,我们可以清空之前可能存在的信息,如`$("#countmes").empty()`,然后使用`for...in`循环遍历`map`,将键值对添加到DOM中的表格单元格中。这里,我们将结果添加到了ID为`countmes`的元素中,以便用户...

    JavaScript编程50例.rar

    - 循环:`for`、`while`和`do...while`循环是处理重复任务的关键。 - 函数:JavaScript函数可接受参数并返回值,是代码复用的基石。 3. **数组操作** - 数组方法:`push`、`pop`、`shift`、`unshift`、`splice`...

    javascript各类示例打包

    1. **基础语法**:这部分可能包含变量声明、数据类型(如字符串、数字、布尔值、数组、对象)、条件语句(如if...else、switch)、循环(for、while、do...while)以及函数的使用。 2. **DOM操作**:JavaScript与...

    Collections源码java-javascript-I-use-often:从我经常使用的各种来源收集的javascript文件的集合

    标题中的“Collections源码java-javascript-I-use-often”表明这是一个关于编程的资源集合,主要包含Java和JavaScript的源代码,这些代码可能是作者在实际工作中经常使用的,具有一定的实用性和参考价值。...

    golang语言爬虫 获取城市列表和url

    在本项目中,我们主要探讨的是使用Golang(Go语言)编写一个简单的网络爬虫,其目标是获取城市列表和对应的URL。Go语言由于其并发特性、轻量级线程(goroutines)以及高效的内存管理,非常适合用于网络爬虫的开发。...

    vue前端面试总结.txt

    - Rest 操作符也使用 `...` 符号,但它用于收集剩余的元素。 - 示例: ```javascript const numbers = [1, 2, 3, ...[4, 5]]; console.log(numbers); // 输出 [1, 2, 3, 4, 5] function sum(...nums) { ...

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

    9.1 使用collection收集对象 262 9.1.1 认识collection架构 262 9.1.2 具有索引的list 263 9.1.3 内容不重复的set 266 9.1.4 支持队列操作的queue 270 9.1.5 访问对象的iterator 273 9.1.6 排序收集的...

    VANILLA-JS-WEBSITE

    从描述 "VANILLA-JS-网站" 可以推断,该项目专注于使用JavaScript进行前端开发,不依赖像jQuery、React或Vue.js这样的库或框架。 在HTML标签中,我们可以预想到项目的核心内容可能围绕着HTML结构和页面布局。HTML...

    colla_respuestas

    2. **自述文件**:“Colla_responses”的描述可能是指一个自述文件,通常用Markdown或纯文本格式编写,包含项目的简介、安装指南、使用方法、贡献方式等信息。自述文件是开源项目中常见的组成部分,帮助用户理解和...

    playground:我已经学习或正在学习的文件的地方

    10. **框架与库**:可能包含对React、Vue、Angular等流行JavaScript框架的基础使用示例,或者是jQuery这样的库。 这个"playground-master"文件夹可能还包含一些测试文件(test.js)、配置文件(package.json)、...

    reportcard

    8. 库和框架:为了简化开发过程,开发者可能会选择使用jQuery、React、Vue等库或框架。这些工具提供了一套现成的方法和工具,帮助快速构建用户界面并处理数据交互。 9. 错误处理:try...catch语句用于捕获和处理...

Global site tag (gtag.js) - Google Analytics