jQuery |穿越 - 芒果文档

在 jQuery 中，遍历意味着在 HTML 元素之间移动以查找、过滤或选择特定或整个元素。
根据遍历目的，以下方法分类如下：

树遍历：

祖先：

父母（）
它给出了指定选择器的父元素
句法：
```
$(selector).parent();
```
父母（）
它给出了指定选择器的所有祖先元素。
句法：
```
$(selector).parents();
```

父母直到（）
它给出了指定选择器和参数之间的所有祖先元素。
句法：

$(selector).parentsUntil(selector, filter element)

$(selector).parentsUntil(element, filter element)

偏移父（）
它给出指定选择器的第一个定位父元素。
句法：
```
$(selector).offsetParent();
```

最近（）
它给出了指定选择器的第一个祖先。
句法：

$(selector).closest(selector);

$(selector).closest(selector, context);

$(selector).closest(selection);

$(selector).closest(element);

后代：

孩子们（）
它给出了每个选定元素的子元素，可选择由选择器过滤。
句法：
```
$(selector).children();
```
找（）
它给出指定元素的后代元素，由选择器、jQuery 对象或元素过滤。
句法：
```
$(selector).find('selector to find');
```

兄弟姐妹：

兄弟姐妹（）
它给出了指定选择器的所有兄弟。
句法：
```
$(selector).siblings();
```
下一个（）
它给出指定选择器的下一个兄弟元素。
句法：
```
$(selector).next();
```
下一个全部()
它给出了指定选择器的所有下一个兄弟元素。
句法：
```
$(selector).nextAll();
```
下一个直到（）
它给出了指定选择器和参数之间的所有下一个同级元素。
句法：
```
$(selector).nextUntil();
```
上一个()
它给出指定选择器的前一个兄弟元素。
句法：
```
$(selector).prev(selector);
```
```
$(selector).prev()
```

上一页()
它给出了指定选择器的所有以前的同级元素。
句法：

$(selector).prevAll(selector, filter element)

$(selector).prevAll(element, filter element)

上一个直到()
它给出了指定选择器和参数之间的所有先前同级元素。
句法：
```
$(selector).prevUntil(selector, filter element)
```
```
$(selector).prevUntil(element, filter element)
```

过滤

第一的（）
它给出指定选择器的第一个元素。
句法：
```
$(selector).first();
```
最后的（）
它给出指定选择器的最后一个元素。
句法：
```
$(selector).last();
```
等式（）
它给出了具有指定选择器的特定索引号的元素。
句法：
```
$(selector).eq(index);
```
```
$(selector).eq( indexFromEnd );
```

筛选（）
它删除/检测与指定选择器匹配的元素。
句法：

$(selector).is(selector)

$(selector).is(function)

$(selector).is(selection)

$(selector).is(elements)

已（）
它给出包含一个或多个元素的所有元素，这些元素与指定的选择器匹配。
句法：
```
$(selector).has(selector);
```
是（）
它检查指定的选择器之一是否与参数匹配。
句法：
```
.is( selector )
```
```
.is( function )
```
```
.is( selection )
```
```
.is( elements )
```
地图（）
通过函数传递当前匹配集合中的每个元素，生成一个包含返回值的新 jQuery 对象
句法：
```
.map( callback )
```
片（）
它根据其参数索引或开始和停止值选择指定选择器的子集。
句法：
```
$(selector).slice(start, end );
```
```
$(selector).slice(start);
```

杂项遍历

添加（）
它将所有元素添加到一组匹配的元素中以同时操作它们。
句法：
```
$(selector).add(selector to add);
```
添加返回()
它将堆栈上的前一组元素添加到当前集合中，可选择由选择器过滤。
句法：
```
$(selector).addBack();
```
andSelf()
已弃用 1.8，它是 addBack() 的别名。
句法：
```
$(selector).addSelf();
```
内容（）
它给出了指定选择器的所有直接子节点，包括文本和注释节点。
句法：
```
$(selector).contents();
```
不是（）
它给出了与指定选择器不匹配的所有元素。
句法：
```
$(selector).not(selector);
```
结尾（）
它是当前链中最近的过滤操作，并将匹配元素集返回到其先前状态，并且不接受任何参数。
句法：
```
$(selector).each(callback function);
```

集合操作

每个（）
它遍历 DOM 元素并执行回调函数

示例 1：



  

    
    
    

  

  
    GeeksforGeeks (parent)
        GeeksforGeeks
        GeeksforGeeks
        GeeksforGeeks
        GeeksforGeeks
        GeeksforGeeks

输出：

示例 2：



  

    
    
    

  

  
    HelloGeeksforGeeks
    Article Info: 
    
        Article Title:
        
        

        

        Author:
        
        

        

        Author's Email id:
        
        

        

        Website:

输出