`

jquery 遍历

    博客分类:
  • json
 
阅读更多
jquery筛选数组之grep、each、inArray、map的用法及遍历json对象 [转]

纯粹记录下几种用法:

jquery grep()筛选遍历数组

复制代码
$().ready(
   function(){
       var array = [1,2,3,4,5,6,7,8,9];
       var filterarray = $.grep(array,function(value){
           return value > 5;//筛选出大于5的
       });
       for(var i=0;i<filterarray.length;i++){
           alert(filterarray[i]);
       }
       for (key in filterarray){
           alert(filterarray[key]);
       }
   }
);
复制代码
jquery each()筛选遍历数组

复制代码
$().ready(
   function(){
       var anObject = {one:1,two:2,three:3};//对json数组each
       $.each(anObject,function(name,value) {
           alert(name);
           alert(value);
       });
       var anArray = ['one','two','three'];
       $.each(anArray,function(n,value){
           alert(n);
           alert(value);
       }
       );
   }
);
复制代码
jquery inArray()筛选遍历数组

复制代码
$().ready(
   function(){
       var anArray = ['one','two','three'];
       var index = $.inArray(‘two’,anArray);
       alert(index);//返回该值在数组中的键值,返回1
       alert(anArray[index]);//value is two
   }
);
复制代码
jquery map()筛选遍历数组

复制代码
$().ready(
   function(){
       var strings = ['0','1','2','3','4','S','6'];
       var values = $.map(strings,function(value){
               var result = new Number(value);
               return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写
           }
       );
       for (key in values) {
           alert(values[key]);
       }
   }
);
==================
var map = {
‘flammable’: ‘inflammable’,
‘duh’: ‘no duh’
};
$.each(map, function(key, value) {
alert(key + ‘: ‘ + value);
});


jquery遍历解析json对象1:

var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
   for(var key in json[i]){
       alert(key+’:'+json[i][key]);
   }
}
jquery遍历解析json对象2

复制代码
//有如下 json对象:
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
//遍历方法:
for(var p in obj){
   str = str+obj[p]+’,’;
   return str;
}
分享到:
评论

相关推荐

    jquery 遍历 学习

    这个“jQuery遍历学习”的主题主要关注如何使用jQuery来高效地遍历DOM元素,以实现对网页内容的控制和操作。 首先,jQuery提供了多种遍历方法,包括基本的选择器和遍历函数。选择器如`$()`用于选取DOM元素,可以...

    jquery遍历select元素(实例讲解)

    本篇文章提供一款jquery遍历select教程代码,主要是利用了$(“#&lt;&#37;=ddl_xreg_id.clientid%&gt; option”).each(function() {形式来each遍历一次,这样所有的select就给查询了一次。 代码如下:[removed][removed]...

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

    jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组方法,用于筛选、查找和串联元素。这些方法可以帮助开发者快速地操作和处理 HTML 元素。下面是 jQuery 遍历函数的详细介绍: 1....

    jQuery遍历Form示例代码

    总之,jQuery遍历Form是Web开发中常见的需求,通过jQuery提供的API,我们可以轻松地获取、遍历和修改表单数据,从而实现更灵活的交互和动态更新。理解并掌握这一技巧,对于提升前端开发效率至关重要。

    Jquery遍历json的两种数据结构借鉴.pdf

    Jquery遍历json的两种数据结构借鉴.pdf

    Jquery遍历json的两种数据结构[参照].pdf

    【jQuery遍历JSON的两种数据结构】 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和生成。在Web开发中,JSON常用于服务器与...

    jquery遍历节点树

    本文将深入探讨jQuery如何遍历节点树,并给出实际应用示例。 首先,我们需要理解什么是节点树。HTML文档可以看作是一棵树形结构,其中每个HTML元素都是一个节点,包括元素节点、文本节点、属性节点等。节点之间通过...

    Jquery遍历Json数据的方法

    ### jQuery遍历Json数据的方法知识点详解 #### 1. jQuery遍历的必要性与优势 在Web开发中,经常需要处理和展示来自服务器的数据,尤其是在构建动态的网页内容时。JSON(JavaScript Object Notation)数据格式因其...

    jQuery遍历节点树方法分析

    本篇文章将重点介绍jQuery遍历节点树的常用方法,并结合实例展示这些方法的应用。 首先,我们需要了解基本的jQuery选择器。jQuery选择器允许我们以特定的模式选取页面中的DOM元素,比如通过id、类名、标签名或属性...

    jQuery 遍历 – 祖先

    在jQuery库中,遍历DOM树是常见的操作,特别是当你需要查找或操作元素的祖先时。"祖先"在这个上下文中指的是元素的父级、父级的父级,以及更高级别的上级元素,直至文档的根节点`&lt;html&gt;`。jQuery提供了几个方便的...

    jquery遍历checkbox的注意事项说明

    然而,在使用jQuery遍历checkbox时,如果不注意一些细节,可能会遇到一些问题。以下我们将详细介绍在使用jQuery遍历checkbox时需要注意的几个关键点。 首先,在使用jQuery选择器的时候,需要准确地指定要操作的元素...

    jQuery 遍历函数详解

    下面我们详细讲解这些jQuery遍历函数的知识点。 .add()函数用于将元素添加到jQuery对象集合中。这个函数可以将新元素直接添加到现有的jQuery对象集合中,实现链式操作。 .andSelf()函数将之前操作返回的元素集添加...

    JS与jQuery遍历Table所有单元格内容的方法

    ### jQuery遍历Table所有单元格内容的方法 使用jQuery进行表格单元格遍历,则可以利用jQuery提供的方法来简化操作。jQuery通过简化的API使DOM操作更加方便,包括遍历表格单元格也不例外。以下是使用jQuery进行表格...

    jQuery 遍历map()方法详解

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

    jquery遍历table的tr获取td的值实现方法

    知识点三:jQuery遍历表格tr获取td值的方法一 在方法一中,首先使用jQuery选择器`$("#history_income_list").children("tr")`选取了id为`history_income_list`的`&lt;tbody&gt;`元素下所有的`&lt;tr&gt;`元素,并将它们存入`...

    JQuery遍历json数组的3种方法

    总结以上内容,我们可以看到,在使用jQuery遍历JSON数组或对象时,有多种方法可供选择。使用jQuery的$.each()方法是最简单直接的方式,而JavaScript原生的for循环提供了更多灵活性,可以根据具体需求选择合适的遍历...

    jquery遍历input取得input的name

    ### jQuery遍历input获取name属性值详解 在前端开发领域,jQuery因其简洁、高效的特点而备受开发者喜爱。本文将深入探讨如何使用jQuery遍历页面中的`&lt;input&gt;`元素,并从中提取`name`属性的值。这是一项非常实用的...

    jQuery 遍历css选择器

    这篇教程将深入探讨jQuery如何遍历CSS选择器,并从中提取出相关知识点。 **一、jQuery选择器概述** jQuery支持多种CSS选择器,包括基本选择器(如`#id`、`.class`、`tag`)、关系选择器(如`&gt;`、`+`、`~`)、属性...

    JQuery遍历的知识

    在jQuery中,`$.each()`函数是用于遍历对象或数组的关键工具,无论你是新手还是经验丰富的开发者,理解并熟练运用这个函数都能提高你的工作效率。 1. **遍历对象** 当`$.each()`用于遍历对象时,它会按照对象属性...

Global site tag (gtag.js) - Google Analytics