closest() 方法

男娘i 2022-05-13 23:58 159阅读 0赞

一.方法含义

返回第一个祖先元素

二.案例代码

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>测试closest</title>
    <style>
    .ancestors *{ 
    	display: block;
    	border: 2px solid lightgrey;
    	color: lightgrey;
    	padding: 5px;
    	margin: 15px;
    }
    </style>
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(function(){
    	$("span").closest("ul").css({"color":"red","border":"2px solid red"});
    	$("span").closest("ul").find("li").eq(1).find("span").eq(0).css({"color":"green","border":"2px solid green"});
    });
    </script>
    </head>
    
    <body class="ancestors">body (曾曾祖先节点)
    	<div style="width:500px;">div (曾祖先节点)
    		<ul>ul (第二祖先 - 第二祖先节点) 
    			<ul>ul (第一祖先 - 第一祖先节点)
    				<li>li (直接父节点)
    					<span>span01</span>
    				</li>
    				<li>
    					<span>span02</span>
    					<span>span03</span>
    				</li>
    			</ul>
    		</ul>   
    	</div>
    </body>
    
     
    </html>

三.效果图

![70][]

[70]: /images/20220514/cfc8b3854f41431da925b62b5f26d7b4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery closest() 方法

closest() 方法返回被选元素的第一个祖先元素。祖先是父、祖父、曾祖父，依此类推。 DOM 树：该方法从当前元素向上遍历，直至文档根元素的所有路径（<htm

旧城等待，/ 2022年09月26日 03:09/ 0 赞/ 128 阅读

相关 jQuery 之 parent、parents 和 closest 方法

parent() 方法返回被选元素的直接父元素。 DOM 树：该方法只沿着 DOM 树向上遍历单一层级。如需向上遍历直至文档根元素的所有路径（返回祖父节点或其他祖先），请使用

迈不过友情╰/ 2022年07月16日 07:09/ 0 赞/ 195 阅读

相关 Kth closest points

> Given an array containing N points, find the Kth closest points >to the origin in the

た入场券/ 2022年07月13日 05:42/ 0 赞/ 70 阅读

相关 16. 3Sum Closest

[16. 3Sum Closest ][16. 3Sum Closest] Given an array S of n integers, find t

Love The Way You Lie/ 2022年06月08日 12:48/ 0 赞/ 183 阅读

相关 3Sum Closest

[原题链接][Link 1] 给含有n个元素的数组S，寻找出S中的三个元素，使其求和接近于所给的数字，target。并且返回这三个元素之和。你应该假设每一个输出只有一个确切

「爱情、让人受尽委屈。」/ 2022年06月06日 04:44/ 0 赞/ 202 阅读

相关 3Sum Closest

题目 Given an array S of n integers, find three integers in S such that the sum is clos

以你之姓@/ 2022年06月03日 09:11/ 0 赞/ 175 阅读

相关 closest() 方法

一.方法含义返回第一个祖先元素二.案例代码 <!DOCTYPE html> <html> <head> <meta charset="

男娘i/ 2022年05月13日 23:58/ 0 赞/ 160 阅读

相关 16. 3Sum Closest

Given an array `nums` of n integers and an integer `target`, find three integers in `num

素颜马尾好姑娘i/ 2022年04月16日 01:39/ 0 赞/ 197 阅读

相关 3Sum Closest

Given an array S of n integers, find three integers in S such that the sum is closest to

布满荆棘的人生/ 2021年12月17日 10:39/ 0 赞/ 223 阅读

相关 closest 素数

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] include<stdio.h> includ

た入场券/ 2021年10月19日 16:32/ 0 赞/ 286 阅读