![[jquery] closest(), parents() 메소드의 차이](https://hellowsydney.co.kr/wp-content/uploads/2023/10/제목을-입력해주세요_-001-14.png)
<ul id=“one” class=“level-1”>
<li class=“item-i”>I</li>
<li id=“ii” class=“item-ii”>II
<ul class=“level-2”>
<li class=“item-a”>A</li>
<li class=“item-b”>B
<ul class=“level-3”>
<li class=“item-1”>1</li>
<li class=“item-2”>2</li>
<li class=“item-3”>3</li>
</ul>
</li>
<li class=“item-c”>C</li>
</ul>
</li>
<li class=“item-iii”>III</li>
</ul>
$(“li.item-a”).closest(“ul”).css(“background-color”, “red”);
closest 의 경우에는 item-a 엘리멘트의 가장가까운 level-2 만 배경색이 변경됩니다.
$(“li.item-a”).parents(“ul”).css(“background-color”, “red”);
parents 의 경우에는 item-a 엘리멘트의 모든 부모 ul 엘리멘트의 배경색이 변경됩니다.
따라서 첫 번째 부모 엘리멘트를 찾고 싶은경우에는 closest 를 사용하면 쉽게 코딩이 가능하리라 생각됩니다.
답글 남기기