jQuery |获取元素的第 n 层父级

给定一个来自 DOM 的元素，任务是使用 JQuery 找到该元素的第 n 级父元素。下面讨论几种方法：

jQuery on() 方法：
此方法为所选元素和子元素添加一个或多个事件处理程序。
句法：
```
$(selector).on(event, childSel, data, fun, map)
```
参数：
- 事件：此参数是必需的。它指定一个或多个事件或命名空间以添加到所选元素。
  如果有多个事件值，请用空格隔开。事件必须是有效的。
- childSel：该参数是可选的。它指定事件处理程序应该只附加到定义的子元素。
- 数据：该参数是可选的。它指定要传递给函数的附加数据。
- fun：这个参数是必需的。它指定事件发生时要运行的函数。
- map：它指定了一个事件映射（{event:func(), event:func(), ...}）具有一个或多个要添加到所选元素的事件，以及在事件发生时运行的函数。
jQuery 父母（）方法：
这是 jQuery 中的内置方法，用于查找与所选元素相关的所有父元素。此方法遍历所选元素的所有级别并返回所有元素。

句法：
```
$(selector).parents()
```
返回值：
它返回所选元素的所有父元素。
jQuery eq() 方法：
此方法返回一个元素，其中包含已传递的匹配元素的索引号。
索引从 0 开始。
句法：
```
$(selector).eq(index)
```
范围：
- index：该参数是必需的。它指定元素的索引。接受正数或负数。

示例 1：此示例使用parent()和eq()方法查找class='child'元素的第 0 级父元素，该元素是

元素。



  

    
        JQuery | Get the n-th level parent of an element.
    


  

      
            GeeksForGeeks  
        
    
    
    
        
            child

输出：

点击按钮前：
点击按钮后：

示例 2：此示例使用parents()和eq() 方法查找class='child'元素的第二级父元素，该元素是元素。



  

    
        JQuery| Get the n-th level parent of an element.
    


  

      
            GeeksForGeeks  
        
    
    
    
        
            child

输出：

点击按钮前：
点击按钮后：