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属性。