jquery.each()迭代遍历循环的方法

分类:知识百科 日期: 点击:0

jQuery的each()方法

jQuery的each()方法是一个非常有用的迭代遍历循环方法,它可以用来遍历数组、对象和类数组(比如jQuery对象)。它接收两个参数,一个是要遍历的对象,一个是回调函数。each()方法会依次调用回调函数,把当前元素的值和索引作为参数传给它。

$.each(array, function(index, value){
	// do something
});

array是要遍历的数组,index是当前元素的索引,value是当前元素的值。在回调函数中,可以对当前元素进行操作,比如改变它的值,添加新元素等。

使用each()方法遍历数组

我们可以使用each()方法来遍历数组,比如:

var arr = [1, 2, 3, 4, 5];
$.each(arr, function(index, value){
	console.log(index + ' : ' + value);
});

运行上面的代码,将会输出:

  • 0 : 1
  • 1 : 2
  • 2 : 3
  • 3 : 4
  • 4 : 5

使用each()方法遍历对象

我们也可以使用each()方法来遍历对象,比如:

var obj = {
	name: 'John',
	age: 20,
	gender: 'male'
};
$.each(obj, function(key, value){
	console.log(key + ' : ' + value);
});

运行上面的代码,将会输出:

  • name : John
  • age : 20
  • gender : male

使用each()方法遍历jQuery对象

我们还可以使用each()方法来遍历jQuery对象,比如:

$('div').each(function(index, element){
	console.log(index + ' : ' + $(element).text());
});

运行上面的代码,将会输出每个div元素的索引和文本内容:

  • 0 : div1文本内容
  • 1 : div2文本内容
  • 2 : div3文本内容
  • 3 : div4文本内容

以上就是jQuery的each()方法的使用方法,它可以帮助我们非常方便地遍历数组、对象和类数组(比如jQuery对象)。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。