반응형
순수 자바스크립트로 상위요소 찾는 코드입니다.
jquery로 하면 쉽게할 수 있지만 그렇지 못한 환경에서는
이러한 코드가 필요할 수 있습니다.
<html>
<head>
</head>
<body>
<div class="parent_node">
<div id="my_elm">test</div>
</div>
<script>
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>반응형
'소프트웨어 개발 > javascript' 카테고리의 다른 글
| javascript 라이브러리 로다쉬 - 배열,객체, 문자열 관련 유용한 라이브러리 (0) | 2022.01.30 |
|---|---|
| 자바스크립트 javascrript를 사용하여 페이지 내부 검색 (ctr + f 같은 검색) (0) | 2022.01.23 |
| javascript 자바스크립트 하루 전/후 날짜 구하기 다음달 이전달 구하기 내년 작년 날짜 구하기 (0) | 2022.01.20 |
| 자바스크립트(javascript) 로컬스토리지 개체 배열 저장/삭제하는 방법 - array of objects in javascript localStorage (0) | 2021.12.30 |
| 자바스크립트 로컬스토리지 사용법 localStorage ( javascript localStorage ) (0) | 2021.12.30 |
댓글