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来高效地遍历DOM元素,以实现对网页内容的控制和操作。 首先,jQuery提供了多种遍历方法,包括基本的选择器和遍历函数。选择器如`$()`用于选取DOM元素,可以...
本篇文章提供一款jquery遍历select教程代码,主要是利用了$(“#<%=ddl_xreg_id.clientid%> option”).each(function() {形式来each遍历一次,这样所有的select就给查询了一次。 代码如下:[removed][removed]...
jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组方法,用于筛选、查找和串联元素。这些方法可以帮助开发者快速地操作和处理 HTML 元素。下面是 jQuery 遍历函数的详细介绍: 1....
总之,jQuery遍历Form是Web开发中常见的需求,通过jQuery提供的API,我们可以轻松地获取、遍历和修改表单数据,从而实现更灵活的交互和动态更新。理解并掌握这一技巧,对于提升前端开发效率至关重要。
Jquery遍历json的两种数据结构借鉴.pdf
【jQuery遍历JSON的两种数据结构】 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和生成。在Web开发中,JSON常用于服务器与...
本文将深入探讨jQuery如何遍历节点树,并给出实际应用示例。 首先,我们需要理解什么是节点树。HTML文档可以看作是一棵树形结构,其中每个HTML元素都是一个节点,包括元素节点、文本节点、属性节点等。节点之间通过...
### jQuery遍历Json数据的方法知识点详解 #### 1. jQuery遍历的必要性与优势 在Web开发中,经常需要处理和展示来自服务器的数据,尤其是在构建动态的网页内容时。JSON(JavaScript Object Notation)数据格式因其...
本篇文章将重点介绍jQuery遍历节点树的常用方法,并结合实例展示这些方法的应用。 首先,我们需要了解基本的jQuery选择器。jQuery选择器允许我们以特定的模式选取页面中的DOM元素,比如通过id、类名、标签名或属性...
在jQuery库中,遍历DOM树是常见的操作,特别是当你需要查找或操作元素的祖先时。"祖先"在这个上下文中指的是元素的父级、父级的父级,以及更高级别的上级元素,直至文档的根节点`<html>`。jQuery提供了几个方便的...
然而,在使用jQuery遍历checkbox时,如果不注意一些细节,可能会遇到一些问题。以下我们将详细介绍在使用jQuery遍历checkbox时需要注意的几个关键点。 首先,在使用jQuery选择器的时候,需要准确地指定要操作的元素...
下面我们详细讲解这些jQuery遍历函数的知识点。 .add()函数用于将元素添加到jQuery对象集合中。这个函数可以将新元素直接添加到现有的jQuery对象集合中,实现链式操作。 .andSelf()函数将之前操作返回的元素集添加...
### jQuery遍历Table所有单元格内容的方法 使用jQuery进行表格单元格遍历,则可以利用jQuery提供的方法来简化操作。jQuery通过简化的API使DOM操作更加方便,包括遍历表格单元格也不例外。以下是使用jQuery进行表格...
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以...
知识点三:jQuery遍历表格tr获取td值的方法一 在方法一中,首先使用jQuery选择器`$("#history_income_list").children("tr")`选取了id为`history_income_list`的`<tbody>`元素下所有的`<tr>`元素,并将它们存入`...
总结以上内容,我们可以看到,在使用jQuery遍历JSON数组或对象时,有多种方法可供选择。使用jQuery的$.each()方法是最简单直接的方式,而JavaScript原生的for循环提供了更多灵活性,可以根据具体需求选择合适的遍历...
### jQuery遍历input获取name属性值详解 在前端开发领域,jQuery因其简洁、高效的特点而备受开发者喜爱。本文将深入探讨如何使用jQuery遍历页面中的`<input>`元素,并从中提取`name`属性的值。这是一项非常实用的...
这篇教程将深入探讨jQuery如何遍历CSS选择器,并从中提取出相关知识点。 **一、jQuery选择器概述** jQuery支持多种CSS选择器,包括基本选择器(如`#id`、`.class`、`tag`)、关系选择器(如`>`、`+`、`~`)、属性...
在jQuery中,`$.each()`函数是用于遍历对象或数组的关键工具,无论你是新手还是经验丰富的开发者,理解并熟练运用这个函数都能提高你的工作效率。 1. **遍历对象** 当`$.each()`用于遍历对象时,它会按照对象属性...