closest
English [k'ləʊsəst] US [k'loʊsəst]
adj.
jquery 가장 가까운() 메서드 통사론
기능: closest() 메서드는 현재 요소부터 시작하여 DOM 트리 위로 올라가 선택기와 일치하는 첫 번째 조상 요소를 가져옵니다.
syntax : .Closest (selector)
Parameters : 일치 요소의 선택기 표현을 포함하는
| parameters | description |
| Selector | String 값. |
설명: DOM 요소 모음을 나타내는 jQuery 객체가 있는 경우 .closest() 메서드를 사용하면 DOM 트리에서 이러한 요소와 해당 조상 요소를 검색하고 일치하는 요소로 새 jQuery 객체를 구성할 수 있습니다. . .parents() 및 .closest() 메서드는 둘 다 DOM 트리를 탐색한다는 점에서 유사합니다.
jquery 가장 가까운() 메서드 예
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
li { margin: 3px; padding: 3px; background: #EEEEEE; }
li.hilight { background: yellow; }
</style>
</head>
<body>
<ul>
<li><b>Click me!</b></li>
<li>You can also <b>Click me!</b></li>
</ul>
<script>
$( document ).bind("click", function( e ) {
$( e.target ).closest("li").toggleClass("hilight");
});
</script>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요