상위요소 찾기 노드

DogFoot개발

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 3년 전 · 조회 2103 2103 · 댓글 3 3

링크

https://lifefun.tistory.com/29 (65)

순수 자바스크립트로 상위요소 찾는 코드입니다.

jquery로 하면 쉽게할 수 있지만 그렇지 못한 환경에서는

이러한 코드가 필요할 수 있습니다.

그래서 소스코드 공유합니다.

[code]

<html>

<head>

</head>

<body>

</div>

function collectionHas(a, b) { //helper function (see below)

for(var i = 0, len = a.length; i < len; i ++) {

if(a[i] == b) return true;

}

return false;

}

function findParentBySelector(elm, selector) {

var all = document.querySelectorAll(selector);

var cur = elm.parentNode;

while(cur && !collectionHas(all, cur)) { //keep going up until you find a match

cur = cur.parentNode; //go up

}

return cur; //will return null if not found

}

var my_elm = document.getElementById("my_elm"); //

var selector = ".parent_node";

var parent = findParentBySelector(my_elm, selector);

console.log(parent);

</script>

</body>

</html>

[/code]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

라라라라랄라

프로필 보기 이 회원 글보기 이 회원의 댓글보기

3년 전

감사합니다~~~

SimpleCode

프로필 보기 이 회원 글보기 이 회원의 댓글보기

3년 전

감사합니다 :)

카플

프로필 보기 이 회원 글보기 이 회원의 댓글보기

3년 전

감사합니다

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5306	JavaScript	당신이 알아야 할 자바스크립트의 강력한 7가지 팁 [3]	niceguys 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1224
5305	JavaScript	자바스크립트 코드를 더 깔끔하고 보기 좋게 작성하는 팁 [1]	niceguys 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1120
5304	PHP	chatgtp	niceguys 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	747
5303	JavaScript	textarea 자동 높이 설정하기. [1]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1314
5302	PHP	페이징 개선 그러나 기본적으로 이해불가능한 소스로 비춰질수도 있음	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	809
5301	JavaScript	자바스크립트 플래이그라운드 - RUNJS	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	620
5300	PHP	이걸 개발팁이라고 해야하나..타게시판 이관후 검색 안되는거 해결했습니다.	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	675
5299	jQuery	페이지 height 길이 파악후 페이지 스크롤 해서 바 표현하기	잠실삼촌 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	702
5298	JavaScript	16진수 색상코드 확인함수	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	637
5297	기타	개발자의 ChatGPT 활용 [3]	시우시우9082 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1113
5296	기타	ActiveX 방식의 KCP 모듈 -> 최신 모듈로 변경	kalcapt 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	802
5295	PHP	PHP 를 http 타임아웃이후에도 동작하게 하기 [1]	티프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1139
5294	JavaScript	동영상파일 썸네일 만들기 [8]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1905
5293	JavaScript	div태그의 사이즈가 변경되는 이벤트를 처리하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	820
5292	JavaScript	초->hh:mm:ss로 변환하는 함수 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1009
5291	JavaScript	JSON Beautify	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	698
5290	PHP	JSONP실례	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	800
5289	PHP	js와 같은 리소스의 캐쉬문제로 인한 업그레이드 안되는 문제 해결하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	820
5288	JavaScript	ThreeJS로 3디지구에 포인트 찍고 정보 현시기능	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	834
5287		특수글자들을 안전하게 처리하기 [10]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1374
5286		자바스크립로 만든 문제풀이 [14]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1583
5285		100% 꽝을 보장하는 간단한 로또번호 생성 함수 [4]	메이드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1308
5284		라라곤 6.0 설치 (윈도우용) [6]	자바패드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1724
5283		롤링배너(?) 갤러리 [20]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1750
5282		모바일 메인에 Tabs넣기 [6]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1441
5281		관리자가 아닐때 사이트에 마우스 오른쪽버튼과 f12개발자 도구 금지시키기 [7]	안드류KIM 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1741
5280		pc outlogin 아래에 비디오효과 적용하기 [6]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1174
5279		유튜브 90도 회전 반응형 [21]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1811
5278	JavaScript	유튜브 풀화면 묵음배경 예제 [9]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1614
5277		유튜브 배경 모바일 묵음 자동재생 [9]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1409