jquery 迭代
jQuery 迭代方法
jQuery 提供了多种迭代方法,用于遍历集合或数组。以下是常见的几种方式:
each() 方法
each() 是最常用的 jQuery 迭代方法,用于遍历 jQuery 对象或数组。语法如下:
$(selector).each(function(index, element) {
// 操作代码
});
示例:遍历所有 <li> 元素并输出其文本内容
$("li").each(function(index, element) {
console.log(index + ": " + $(element).text());
});
$.each() 方法
$.each() 是 jQuery 的通用迭代方法,可以遍历数组或对象。语法如下:
$.each(collection, function(index, value) {
// 操作代码
});
示例:遍历数组
var arr = ["a", "b", "c"];
$.each(arr, function(index, value) {
console.log(index + ": " + value);
});
示例:遍历对象
var obj = { name: "John", age: 30 };
$.each(obj, function(key, value) {
console.log(key + ": " + value);
});
map() 方法
map() 方法创建一个新数组,其结果是调用函数处理原数组或集合后的返回值。语法如下:
$(selector).map(function(index, element) {
// 返回处理后的值
});
示例:获取所有 <li> 元素的文本数组
var texts = $("li").map(function() {
return $(this).text();
}).get();
console.log(texts);
其他迭代方法
filter(): 过滤集合中的元素find(): 查找后代元素children(): 查找子元素parent(): 查找父元素siblings(): 查找兄弟元素
性能考虑
对于大型集合,原生 JavaScript 的 for 循环通常比 jQuery 的迭代方法更快。但在大多数情况下,jQuery 方法提供了更简洁的语法和更好的可读性。







