jQuery |最接近（）与示例

Nearest()是 jQuery 中的一个内置方法，它返回 DOM 树中所选元素的第一个祖先。此方法在搜索元素的第一个祖先时从当前元素向上遍历。文档对象模型 (DOM) 是万维网联盟标准。这定义了访问 DOM 树中的元素。
句法：

$(selector).closest(para1, para2);

参数：它接受下面指定的两个参数-

• para1：这指定了在 DOM 树中叙述祖先搜索的元素。
• para2：这是一个可选参数 DOM 元素，在其中找到匹配的元素。

返回值：它返回所选元素的第一个祖先。

jQuery 代码显示了最近（）方法的工作：
代码#1：
在下面的代码中，没有传递可选参数。

  

    
        .main * {
            display: block;
            border: 2px solid lightgrey;
            color: grey;
            padding: 5px;
            margin: 15px;
        }
    
    
    
    <!-- here is the script code for performing the method -->
        $(document).ready(function() {
            $("span").closest("ul").css({
                "color": "green",
                "border": "2px solid green"
            });
        });
    

  

    This is great-great grand parent element !
    
        This is great grand parent element !
        
            This is the second ancestor element !
            
                
                This is first ancestor element !
                This is direct parent !
                This is span the child element !
                
            
        
    

  

输出：

代码#2：
在下面的代码中，可选参数被传递给方法。

  

    
        .main * {
            display: block;
            border: 2px solid lightgrey;
            color: grey;
            padding: 5px;
            margin: 15px;
        }
    
    
    
        $(document).ready(function() {
        <!--Here among dom id first ancestor will select -->
            var item = document.getElementById("dom");
            $("li").closest("ul", item).css({
                "color": "green",
                "border": "2px solid green"
            });
        });
    

  

    This is great-great-grandparent !
    
        div (great-grandparent)
        
            This is second ancestor !
            
                This is first ancestor !
                This is direct parent !
                This is span the child one !
                
            
        
    

  

输出：

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