在 jQuery 中,你可以使用一系列方法来遍历 DOM 元素,查找匹配的元素,以及对匹配的元素进行操作。以下是一些常见的 jQuery 遍历方法:

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