read : DOM Element.closest() : 기술 #dom #closest::공대여자홈

#dom #closest

Syntax

var closestElement = targetElement.closest(selectors);

자신을 포함해서 부모요소로 향하며, selecotrs 조건에 맞는 node가 나올 때까지 찾고, 나오면 해당 node를 반환하고 끝낸다.

못 찾았다면 null 이 반환된다.

-----------=-------------

jQuery의 parents 와 유사 동작 다만 차이는

closest는 자기 자신도 체크 범위에 포함함.

jQuery의 parents는 자기 자신은 체크 범위에 포함 안됨.

<ul>

</ul>

</li>

</ul>

document.getElementById('test').closest('li').className;

=> "li-t-class"

document.getElementById('test').closest('ul').className;

=> "ul-class"

$('#test').parents('li').prop('className');

=> "li-p-class"

$('#test').parents('ul').prop('className');

=> "ul-class"

document.getElementById('test').closest('XXX')

=> null

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	1017
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	10850
공지	[공지] 기술 게시판	mins01	06/24 15:10	11054

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 1	4.18	4.19	4.20
4.21	4.22	4.23 ui_treemap new 2	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4