Jquery遍历节点的方法小集

在jQuery中，遍历节点（DOM元素）是一个常见的任务，它允许你对匹配的元素集合进行迭代处理。下面是一些常用的jQuery遍历节点的方法小集：

1. **`.each()`**：

这是jQuery中最基本的遍历方法，它允许你遍历一个jQuery对象集合中的每个元素。你可以使用这个函数来迭代任何对象、数组或jQuery对象本身。

   $('li').each(function(index) {
       console.log(index + ': ' + $(this).text());
   });
   

2. **`.children()`**：

该方法返回被选元素的所有直接子元素。这可以用于遍历元素的直接子节点。

   $('ul').children().each(function() {
       console.log($(this).text());
   });
   

3. **`.siblings()`**：

获取匹配集合中每个元素的同胞元素。这可以用来遍历与指定元素同级的所有元素。

   $('li:first').siblings().each(function() {
       console.log($(this).text());
   });
   

4. **`.parent()`**：

获取集合中每个匹配元素的直接父元素。虽然这通常不直接用于遍历子元素，但可以结合其他方法使用以向上遍历DOM树。

   $('li').parent().each(function() {
       console.log($(this).prop('tagName'));
   });
   

5. **`.closest()`**：

从当前元素开始，逐级向上遍历DOM树，直到找到匹配的元素为止。这常用于在复杂的DOM结构中快速定位到特定的父元素。

   $('li').closest('ul').each(function() {
       console.log($(this).prop('tagName'));
   });
   

6. **`.find()`**：

在后代元素中查找匹配的选择器。虽然这主要用于搜索元素，但也可以结合`.each()`方法来遍历找到的元素。

   $('ul').find('li').each(function() {
       console.log($(this).text());
   });
   

7. **`.next()` 和 `.prev()`**：

分别获取匹配元素集合中每个元素紧邻的下一个或上一个同胞元素。这可以用于在水平或垂直方向上遍历元素。

   $('li:first').next().each(function() {
       console.log($(this).text());
   });

   $('li:last').prev().each(function() {
       console.log($(this).text());
   });
   

以上方法涵盖了jQuery中遍历节点的基本需求。你可以根据具体的应用场景选择最合适的方法。