jQuery.each()循环方法的用法

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

jQuery.each() 循环方法

jQuery.each() 是jQuery中的一个循环方法,它可以用来对jQuery的对象或者数组进行遍历操作。它的语法格式如下:

jQuery.each( array, callback(indexInArray, valueOfElement) )

其中,array参数可以是一个jQuery对象,也可以是一个JavaScript数组,callback参数是一个回调函数,它的两个参数分别表示当前元素在数组中的位置和当前元素的值。

下面,我们来看一个简单的例子,使用jQuery.each()对一个数组进行遍历:

var arr = [ "apple", "orange", "banana" ];
$.each(arr, function(index, value){
    console.log(index + ":" + value);
});
// 输出:
// 0:apple
// 1:orange
// 2:banana

jQuery.each()还可以用来遍历jQuery对象,例如:

$("div").each(function(index, element){
    console.log(index + ":" + $(element).text());
});
// 输出:
// 0:div1的文本内容
// 1:div2的文本内容
// 2:div3的文本内容

jQuery.each()还可以用来循环jQuery对象的属性,例如:

$("div").each(function(index, element){
    console.log(index + ":" + $(element).attr("id"));
});
// 输出:
// 0:div1
// 1:div2
// 2:div3

jQuery.each()还可以用来循环jQuery对象的data属性,例如:

$("div").each(function(index, element){
    console.log(index + ":" + $(element).data("name"));
});
// 输出:
// 0:div1
// 1:div2
// 2:div3

jQuery.each()是一个非常强大的循环方法,它可以用来遍历jQuery对象或者数组,也可以用来循环jQuery对象的属性和data属性。

标签:

版权声明

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