`

用jquery循环map

阅读更多
前些天记录了java中for循环取map,发现用jquery的each一样可以取map(我称之为js的map,不要较劲),且顺序和map中顺序一致。废话少说,看代码
01
var map = {
02
    地名: ["北京","天津","上海"],
03
    民族: ["汉族","藏族","维吾尔族"]
04
};
05

06
$.each(map,function(key,values){
07
    console.log(key);
08
    $(values).each(function(){
09
        console.log("\t" + this);
10
    });
11
});
如果安装了firebug,控制台输出如下树状结构:

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

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

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

相关推荐

    基于jquery循环map功能的代码

    在JavaScript编程中,jQuery库提供了一种方便的方式来处理数据结构,比如循环遍历Map对象。在给定的标题和描述中,我们关注的核心是使用jQuery的`$.each()`方法来迭代Map对象。jQuery的`$.each()`函数是一个非常实用...

    jquery循环

    "jQuery循环"是jQuery中的一个重要概念,它使得我们可以高效地遍历DOM元素集合,处理数组或对象,实现各种复杂的逻辑。在这个主题中,我们将深入探讨jQuery的几种循环方法,以及它们在实际开发中的应用。 首先,...

    jQuery 遍历map()方法详解

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

    浅谈jquery的map()和each()方法

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

    jquery中map函数遍历数组用法实例

    标题中提到的“jquery...通过本文的实例演示,读者应该对如何在jQuery中使用map函数遍历数组有了更深入的理解,并且掌握了一个自定义数组遍历函数的实现方法,这对在日常开发中处理数组数据提供了更多的灵活性和选择。

    jquery退出each循环的写法

    让我们详细探讨一下如何在使用jQuery的`$.each()`方法时退出循环,以及它的工作原理和适用场景。 首先,`$.each()`方法的基本用法是这样的: ```javascript $.each(collection, callback); ``` 其中`collection`...

    jQuery-loop-examples:jQuery 循环示例

    在JavaScript的世界里,jQuery是一个广泛使用的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。...无论是新手还是经验丰富的开发者,这些例子都是深入理解jQuery循环机制的宝贵资源。

    jquery-array.rar_jquery_jquery array_jquery array_jquery array

    当我们需要对一组DOM元素进行操作时,通常会得到一个jQuery对象,这个对象可以看作一个特殊形式的数组,我们可以用数组的方法来遍历和操作这些元素。 1. `$.each()`:这是jQuery提供的一种迭代函数,可以用于遍历...

    jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象

    遍历JSON对象通常使用`for...in`循环,例如: ```javascript for (var key in json) { alert(key + ': ' + json[key]); } ``` 这样可以访问JSON对象的所有属性及其对应的值。 在处理数据和进行操作时,这些...

    Jquery 传智播客培训 原创PPT

    jQuery 是一个广泛使用的 JavaScript 库,它简化了网页效果的开发,特别是DOM操作、事件处理、动画效果和Ajax交互。jQuery 的核心理念是"Write Less, Do More",即通过简洁的代码实现复杂的功能。 1. **jQuery 与 ...

    JQuery自学第一天.docx

    解决方法通常包括使用JQuery的`noConflict()`方法释放`$`变量,或者在需要使用JQuery的地方使用`jQuery`代替`$`。 3. **JQuery核心函数`$()`**: - 它可以接收函数、字符串、DOM元素等多种类型的参数。 - 当接收...

    ie8以下浏览器不兼容jquery解决方案

    5. **代码优化**:避免使用IE8不支持的JavaScript语法,比如`Array.prototype.forEach`、`Function.prototype.bind`等,转而使用传统循环或`for`语句。同时,注意IE8不支持`getComputedStyle`,可以使用`...

    C# jQuery冒泡排序分析和理解(初级和基础)

    在本教程中,我们将深入探讨如何使用C#后端和jQuery前端来实现这个算法,这对于初学者来说是很好的实践。 首先,让我们从C#的角度来理解冒泡排序。在C#中,我们可以创建一个数组,并使用for循环嵌套来实现冒泡排序...

    jquery获得单选框和下拉框的值,java日期处理,遍历list,遍历map

    - **解析**:这里使用jQuery的选择器`$("input[name='GateId']:checked")`来选择所有名为`GateId`的单选框中被选中的那个单选框,然后使用`.val()`方法获取该单选框的值。如果没有任何单选框被选中,则返回`...

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

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

    jQuery自动填充表单功能代码.zip

    本项目“jQuery自动填充表单功能代码”展示了如何使用jQuery UI的Autocomplete实现表单自动填充功能,结合Ajax和本地文本文件来动态提供搜索建议。通过理解Autocomplete的工作原理和配置选项,开发者可以轻松地为...

    jquery实现动态联级效果

    - 在`success`回调中,使用`data.split(",")`将返回的字符串分割成数组,并循环遍历,为二级类别创建新的`<option>`元素。 4. **动态生成选项**: 当一级类别选择改变时,二级类别选项会被清除,然后根据后端返回...

Global site tag (gtag.js) - Google Analytics