$.each()与$(selector).each()不同, 后者专用于jquery对象的遍历, 前者可用于遍历任何的集合(无论是数组或对象),如果是数组,回调函数每次传入数组的索引和对应的值(值亦可以通过this 关键字获取,但javascript总会包装this 值作为一个对象—尽管是一个字符串或是一个数字),方法会返回被遍历对象的第一参数.
---------------------------------------------------
//例子:———传入数组
<!DOCTYPE html>
<html>
<head>
<script src=”http://code.jquery.com/jquery-latest.js”></script>
</head>
<body>
<script>
$.each([52, 97], function(index, value) {
alert(index + ‘: ‘ + value);
});
</script>
</body>
</html>
//输出
0: 52
1: 97
---------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//例子:———如果一个映射作为集合使用,回调函数每次传入一个键-值对
<!DOCTYPE html>
<html>
<head>
<script src=”http://code.jquery.com/jquery-latest.js”></script>
</head>
<body>
<script>
var map = {
‘flammable’: ‘inflammable’,
‘duh’: ‘no duh’
};
$.each(map, function(key, value) {
alert(key + ‘: ‘ + value);
});
</script>
</body>
</html>
//输出
flammable: inflammable
duh: no duh
---------------------------------------------------
//例子:———回调函数中 return false时可以退出$.each(), 如果返回一个非false 即会像在for循环中使用continue 一样, 会立即进入下一个遍历
<!DOCTYPE html>
<html>
<head>
<style>
div { color:blue; }
div#five { color:red; }
</style>
<script src=”http://code.jquery.com/jquery-latest.js”></script>
</head>
<body>
<div id=”one”></div>
<div id=”two”></div>
<div id=”three”></div>
<div id=”four”></div>
<div id=”five”></div>
<script>
var arr = [ "one", "two", "three", "four", "five" ];//数组
var obj = { one:1, two:2, three:3, four:4, five:5 }; // 对象
jQuery.each(arr, function() { // this 指定值
$(“#” + this).text(“Mine is ” + this + “.”); // this指向为数组的值, 如one, two
return (this != “three”); // 如果this = three 则退出遍历
});
jQuery.each(obj, function(i, val) { // i 指向键, val指定值
$(“#” + i).append(document.createTextNode(” – ” + val));
});
</script>
</body>
</html>
// 输出
Mine is one. – 1
Mine is two. – 2
Mine is three. – 3
- 4
- 5
---------------------------------------------------
分享到：
相关推荐
$.each()遍历数组或对象的具体用法
JavaScript中的`$.each()`函数是jQuery库提供的一种便利的迭代工具，它允许开发者遍历数组或对象的所有元素。这个函数非常灵活，可以用于处理多种数据结构，尤其在处理DOM操作和数据绑定时非常实用。 首先，我们要...
$.each函数是jQuery中一个重要的迭代器，它允许我们遍历数组或对象，包括JSON数据。本篇文章将深入探讨如何使用jQuery的$.each函数来获取并处理JSON数据。 首先，我们需要了解JSON（JavaScript Object Notation），...
### jQuery中$.each()函数的深入理解与应用 #### 一、概述 在现代Web开发中，jQuery作为一个非常流行的JavaScript库，提供了丰富的功能和简洁的API来简化HTML文档遍历、事件处理、动画以及Ajax交互等操作。其中，`...
$.each([1,2,3,4],function(){ //$(this)==数组中的每一个数组（如果数组是对象，就是对象） }); 方法三 应有场景有点不一样 this.each(function(){ }) 扩展jQuery对象方法 应该是 j
在JavaScript和jQuery中，`$.each`函数是一个非常实用的工具，用于遍历数组或对象。这个函数允许我们对集合中的每个元素执行某些操作。在本例中，我们将深入探讨如何使用`$.each`处理JSON数据，特别是从JSON字符串...
在JavaScript中，数组遍历是常见的操作，有多种方法可以实现这一目的，其中包括`forEach`、`$.each`（jQuery库中的方法）以及`map`。这些方法在处理数组时各有特点，适用于不同的场景。 首先，`forEach`是...
$.each()函数是jQuery中用于遍历数组或对象的通用方法，它允许开发者执行一个函数，对数组的每个元素或对象的每个属性进行操作。 首先，来看一下$.each()方法的基本用法。$.each()方法可以接收两个参数：第一个参数...
而$.each()是jQuery提供的一个非常实用的全局遍历方法，它允许开发者通过一个简单的函数轻松遍历数组和对象。在本文中，我们将详细讲解$.each()方法的用法，并通过实例展示如何利用这一方法来处理JSON数据和动态构建...
jQuery的$.each方法是用于遍历对象或数组的一个强大工具，它提供了灵活的方式来处理数据集合中的每个元素或属性。在JavaScript中，遍历通常是为了执行某种操作，如修改、检查或计算。$.each方法有两种主要的用法，一...
`$.each`是jQuery库中一个非常实用的迭代函数，用于遍历对象和数组的属性或元素，并对它们进行处理。这个函数提供了灵活的方式来访问和操作数据结构，使得在JavaScript编程中进行批量操作变得简单。 1. **遍历对象...
这个函数和之前项目里面用到的遍历数据的函数不是同一个呀（项目里面用到的函 数：$.each(dataresource,function(index,element))），于是，就好好研究了下，果然在JS里面有两个相似的函数，于是也就有了今天的主题...
在JavaScript的世界里，遍历数据结构是常见的操作，jQuery提供了$.each()函数，它为开发者提供了方便、灵活的方式来遍历数组、对象或者其他集合。本文将深入解析jQuery中$.each()函数的用法，并通过实例来展示其功能...
深入理解JavaScript中的$.each和$(selector).each方法是jQuery库中的两个重要遍历工具，它们在处理数组、JSON对象以及jQuery对象时发挥着关键作用。 首先，$.each方法是一个通用的迭代器，它可以用于遍历任何集合，...
在 jQuery 中，$.each 函数是一个非常强大的工具，它允许开发者遍历对象或者数组，并对每个元素执行指定的操作。$.each 函数既可以处理 JavaScript 的数组和对象，也可以处理 jQuery 对象，如通过选择器获取的元素...
2、而在jquery中 $.each则对应的使用return true 和return false。 break可以跳出switch…case语句，继续执行switch语句后面的内容。break语句还可以跳出循环，也就是结束循环语句的执行。 continue语句的作用为...
`jQuery` 的 `$.each()` 方法是用于遍历对象或数组的一个强大工具，它在JavaScript开发中被广泛使用，尤其是在处理jQuery对象时。这个方法允许我们对集合中的每个元素执行一个函数，提供了一种简洁的方式来迭代数组...
在JQuery中，有两个经常被用来遍历对象和数组的函数，分别是$.each和$(selector).each()。这两个函数虽然功能相似，但它们的用法和适用范围有所不同。 $.each函数是一个通用的遍历函数，它可以用来遍历数组、对象，...