가장 가까운 상위 요소 선택자는 선택한 요소를 기준으로 가장 가까운 상위 요소만 선택할 때 사용한다.
기본형. $("요소 선택").closest("요소 선택")
예제
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
$(function() {
$(".txt1").closest("div").css({
"border" : "2px solid #f00"
});
});
</script>
<h1 class="title">선택자</h1>
<div>
<div>
<p class="txt1">내용</p>
</div>
</div>
</body>
</html>
결과
'제이쿼리' 카테고리의 다른 글
사용자 정의 메소드 (0) | 2020.11.09 |
---|---|
.val()에 대해 (0) | 2020.10.15 |
[제이쿼리] 상위 요소 선택자 (0) | 2020.10.04 |
[제이쿼리] 범위 제한 전체 형/동생 요소 선택자 (0) | 2020.10.04 |
[제이쿼리] 전체 형제 요소 선택자 (0) | 2020.10.04 |