如何使用 jQuery 获取/设置包含最近父元素的元素与指定的选择器匹配？

在本文中，我们将学习如何获取一组元素，其中包含与指定选择器匹配的最接近的父元素，即使用 jQuery 包含的起始元素。

JQuery是最快和轻量级的 JavaScript 库，用于简化 HTML/CSS 文档，或者更准确地说是文档对象模型 (DOM) 和 JavaScript 之间的交互。 JQuery 因其座右铭而广为人知 “少写，多做。”它只是意味着您只需编写几行代码即可实现目标。

方法：为此，我们将使用 jQuery 的最接近（）方法。此方法用于通过测试元素本身并向上遍历其在 DOM 树中的祖先来访问与选择器匹配的第一个元素。

句法：

.closest( selector, context )

参数：它具有上面提到和下面描述的以下参数。

• 选择器：指定要在 DOM 树中搜索的元素。这可以是选择器或对元素的引用。
• context：这是一个可选参数，可以在其中找到匹配的元素。

以下示例将演示上述方法。

例子：

HTML

  

    
        li {
            margin: 3px;
            padding: 3px;
            background: lightgrey;
        }
  
        li.highlight {
            background: lightgreen;
        }
  
        body {
            text-align: center;
        }
    
    
    

  

    GeeksforGeeks
  
    
        A computer science portal for geeks.
        GeeksforGeeks A computer science portal
            for geeks
    
  
    
        $(document).on("click", function (event) {
            $(event.target)
              .closest("li")
              .toggleClass("highlight");
        });
    

  

输出：