首页 >> 行业风向讯 > 网络互联问答中心 >

jquery each

2025-03-28 08:56:33 来源: 用户: 

`$.each()` 是 jQuery 提供的一个功能强大的循环遍历工具,用于遍历数组或对象中的每个元素或属性。以下是其基本用法:

### 遍历数组:

假设我们有一个数组 `arr`,我们想遍历它的每个元素:

```javascript

var arr = [1, 2, 3, 4, 5];

$.each(arr, function(index, value) {

console.log(index + ": " + value); // 输出每个元素的索引和值

});

```

在这个例子中,回调函数会为数组中的每个元素执行一次,`index` 是当前元素的索引,`value` 是当前元素的值。

### 遍历对象:

假设我们有一个对象 `obj`,我们想遍历它的每个属性:

```javascript

var obj = {

name: 'John',

age: 30,

city: 'New York'

};

$.each(obj, function(key, value) {

console.log(key + ": " + value); // 输出每个属性的键和值

});

```

在这个例子中,回调函数会为对象的每个属性执行一次,`key` 是当前属性的键,`value` 是当前属性的值。

### 使用回调函数返回值来控制循环:

回调函数可以返回 `false` 来终止循环:

```javascript

$.each(arr, function(index, value) {

if (value > 3) { // 如果当前值大于 3,则终止循环

return false; // 返回 false 来终止循环

} else {

console.log(index + ": " + value); // 输出每个元素的索引和值(只有当元素不大于 3 时)

}

});

```

这只是 `$.each()` 的基本用法,还有其他用法和变体,你可以查看 jQuery 的官方文档以获取更多信息。

  免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!

 
分享:
最新文章