jquery遍历
jQuery 遍历方法
jQuery 提供了多种遍历 DOM 元素的方法，可以方便地查找、筛选和操作元素。以下是常用的遍历方法：
遍历子元素
children()：获取匹配元素的所有直接子元素。find()：获取匹配元素的所有后代元素，可以指定选择器。
// 获取所有直接子元素
$("#parent").children();
// 获取所有后代元素中的特定元素
$("#parent").find(".child");遍历父元素
parent()：获取匹配元素的直接父元素。parents()：获取匹配元素的所有祖先元素，可以指定选择器。closest()：获取匹配元素最近的祖先元素，从自身开始匹配。
// 获取直接父元素
$(".child").parent();
// 获取所有祖先元素中的特定元素
$(".child").parents(".ancestor");
// 获取最近的祖先元素
$(".child").closest(".ancestor");遍历兄弟元素
siblings()：获取匹配元素的所有兄弟元素，可以指定选择器。next()：获取匹配元素的下一个兄弟元素。prev()：获取匹配元素的上一个兄弟元素。nextAll()：获取匹配元素之后的所有兄弟元素。prevAll()：获取匹配元素之前的所有兄弟元素。
// 获取所有兄弟元素
$(".item").siblings();
// 获取下一个兄弟元素
$(".item").next();
// 获取上一个兄弟元素
$(".item").prev();
// 获取之后的所有兄弟元素
$(".item").nextAll();
// 获取之前的所有兄弟元素
$(".item").prevAll();遍历过滤
filter()：从匹配元素集合中筛选出符合条件的元素。not()：从匹配元素集合中排除符合条件的元素。eq()：获取匹配元素集合中指定索引的元素。
// 筛选符合条件的元素
$(".item").filter(".active");
// 排除符合条件的元素
$(".item").not(".inactive");
// 获取指定索引的元素
$(".item").eq(2);遍历方法链
jQuery 支持方法链式调用，可以连续使用多个遍历方法。
// 链式调用遍历方法
$("#container")
.find(".item")
.filter(".active")
.css("color", "red");遍历回调函数
each()：对匹配元素集合中的每个元素执行回调函数。
// 遍历每个元素并执行回调
$(".item").each(function(index, element) {
console.log(index, $(element).text());
});以上方法可以灵活组合使用，以满足不同的 DOM 遍历需求。
