1. each() 方法:
- each() 方法用于迭代匹配元素集合,并为每个元素执行指定的函数。
// 遍历所有段落元素并输出它们的文本内容
$("p").each(function(index, element) {
console.log(index, $(element).text());
});
2. find() 方法:
- find() 方法用于在匹配的元素集合中查找符合选择器的后代元素。
// 查找所有 div 元素下的子元素
$("div").find("p").css("color", "blue");
3. parent() 和 parents() 方法:
- parent() 方法用于获取匹配元素的父元素,而 parents() 方法用于获取匹配元素的所有祖先元素。
// 获取所有段落元素的直接父元素
$("p").parent().css("border", "1px solid red");
// 获取所有段落元素的所有祖先元素
$("p").parents().css("background-color", "lightgray");
4. children() 方法:
- children() 方法用于获取匹配元素的所有直接子元素。
// 获取所有 div 元素的直接子元素
$("div").children().css("font-weight", "bold");
5. siblings() 方法:
- siblings() 方法用于获取匹配元素的所有兄弟元素。
// 获取所有 p 元素的兄弟元素
$("p").siblings().addClass("highlight");
6. filter() 方法:
- filter() 方法用于筛选匹配元素集合中符合指定选择器或函数条件的元素。
// 筛选 class 包含 "selected" 的元素
$("li").filter(".selected").css("background-color", "yellow");
这些是一些 jQuery 中常见的遍历方法。你可以根据具体的需求选择适当的方法。这些方法也可以组合使用,形成更复杂的选择和操作逻辑。记得在使用这些方法时确保已经包含了 jQuery 库。
转载请注明出处:http://www.zyzy.cn/article/detail/4625/jQuery