상위요소 찾기 노드

DogFoot개발

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

· 3년 전 · 조회 2098 2098 · 댓글 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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4886	PHP	여러 체크박스 체크하고, 또 수정할 경우에 체크된 상황을 그대로 보여주는,,,	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2383
4885	PHP	배열 내장함수 - array_change_key_case	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2702
4884	기타	일반적인 미디어쿼리 [4]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3080
4883	PHP	특정 ip에서만 모바일 사용	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2360
4882	PHP	문자열 자르기, substr() [1]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3698
4881	PHP	하루전 일주일전 한달전 [1]	col 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3337
4880	JavaScript	어제날짜, 내일날짜 구하기	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3339
4879	JavaScript	날짜형식 체크 [2]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3060
4878	PHP	유용한 일반 함수 모음 (PHP) [12]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5449
4877	PHP	리눅스에서 <?php 는 작동하는데 <? 로 시작하면 파일 깨질때... [5]	welcome 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2907
4876	OS	1원팁: Vagrant와 VirtualBox 호환 버전 - 2018.05.02기준	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2932
4875	기타	2개의 DB에 그누보드가 설치되었을 때 변경된 칼럼비교 (g5로 시작되는 테이블만 일단!) [1]	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2383
4874	PHP	GeoIP 모듈 사용시 2자리코드를 한글로 반환 해주는 코드	LucyLee 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2748
4873	웹서버	도메인 rewrite 구현? [1]	black 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2353
4872	PHP	php async [3]	terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3569
4871	기타	웹 문서를 PDF 로 변환/다운로드 해주는 사이트 [6]	상큼쏭 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3350
4870	기타	ing API를 이용한 주식자동매매 프로그램(1)	어스지웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5650
4869	기타	아이폰 사파리 자동로그인해결하기	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	4215
4868	JavaScript	스택(stack)을 이용한 사칙연산(+ - * /) 계산기 [4]	슈와이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	4579
4867	PHP	PHPMailer 를 이용한 email 발송 [2]	싸이드뤠이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3918
4866	JavaScript	다양한 카운트다운 소스 [6]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	4438
4865	PHP	간단한 PHP 프레임워크 [10]	gshn 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5625
4864	jQuery	atj.js [3]	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2586
4863	jQuery	간략 이미지 롤오버 jquery문 ( mouseenter/mouseleave 이벤트 ) [4]	루돌프사슴코 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3990
4862	JavaScript	네이버 지도 api v3 주소->좌표 변환해서 출력하는 예제 [5]	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	7799
4861	기타	Poedit 기본 문장 입력을 간단하게	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2255
4860	웹서버	우분투 LEMP 스택 자동 설치 스크립트	gshn 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2499
4859	기타	poedit 를 사용하여 po, mo 파일 만들기 [1]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	6951
4858	기타	poedit 를 사용하여 그누보드5 다국어 버전 쉽게 만들기 [10]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5114
4857	웹서버	네이버클라우드플랫폼에서 서버생성하고 NGINX + PHP-FPM + MariaDB 설치하기 [12]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	6190