jquery each
jQuery .each() 方法详解
jQuery 的 .each() 方法用于遍历一个 jQuery 对象或数组/对象集合，并对每个元素执行指定的函数。以下是其具体用法和示例：
语法
// 遍历 jQuery 对象
$(selector).each(function(index, element) {
// 操作代码
});
// 遍历数组或对象
$.each(arrayOrObject, function(indexOrKey, value) {
// 操作代码
});遍历 jQuery 对象
// 示例：遍历所有 <li> 元素并输出其文本
$("li").each(function(index, element) {
console.log(index + ": " + $(element).text());
});遍历数组
// 示例：遍历数组并输出每个元素
var arr = ["apple", "banana", "cherry"];
$.each(arr, function(index, value) {
console.log(index + ": " + value);
});遍历对象
// 示例：遍历对象并输出键值对
var obj = { name: "John", age: 30, city: "New York" };
$.each(obj, function(key, value) {
console.log(key + ": " + value);
});中断遍历
在 .each() 中，可以通过返回 false 来中断遍历：
$("li").each(function(index, element) {
if (index === 2) {
return false; // 中断遍历
}
console.log($(element).text());
});注意事项
- 在遍历 jQuery 对象时，回调函数的参数顺序是
index和element（DOM 元素）。 - 在遍历数组或对象时，回调函数的参数顺序是
indexOrKey和value。 - 使用
$(element)将 DOM 元素转换为 jQuery 对象以便使用 jQuery 方法。
