如何在 jQuery 中找到具有已知类的父类名称？

给定一个 HTML 文档，任务是借助给定的类名获取元素的父类。

方法一：

• on() 方法用于为所选元素选择事件处理程序。这意味着当用户点击按钮然后函数调用。
• close() 方法用于返回所选元素的第一个祖先。
• 检查祖先（父）类是否存在，然后返回类名，否则返回不存在。

示例：此示例使用最接近的() 方法获取元素的第一个匹配的祖先。

  

    
        How to find a parent class
        name with a known class
    
      
    
    

  

      
     
        GeeksForGeeks 
    
      
    
    
      
    
        
    
      
    
        click here
    
      
    
    
      
    
        $('#GFG_UP').text('Click on the button to see result');
        $('button').on('click', function() {
            var object = $('.child').closest('.parent');
              
            if (object.length) {
                $('#GFG_DOWN').text("className = '.child'"
                    + " with parentName = '.parent'" + " Exists");
            } 
            else {
                $('#GFG_DOWN').text("Not Exists");
            }
        });
    

  

输出：

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

方法二：

• on() 方法用于为所选元素选择事件处理程序。这意味着当用户点击按钮然后函数调用。
• parent() 方法用于返回所选元素的所有祖先。
• 检查祖先（父）类是否存在，然后返回类名，否则返回不存在。

示例：本示例使用parent() 方法获取元素的所有匹配的祖先。

  

    
        How to find a parent class
        name with a known class
    
      
    
    

  

      
     
        GeeksForGeeks 
    
      
    
    
      
    
        
    
      
    
        click here
    
      
    
    
      
    
        $('#GFG_UP').text('Click on the button to see result');
        $('button').on('click', function() {
            var object = $('.child').parents('.parent');
              
            if (object.length) {
                $('#GFG_DOWN').text("className = '.child'"
                    + " with parentName = '.parent'" + " Exists");
            }
            else {
                $('#GFG_DOWN').text("Not Exists");
            }
        });
    

  

输出：

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

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。