.parentElement를 대체 하시겠습니까?

Question

나는 ID를 얻기 위해 parentElement을 많이 통과해야하는 기능이 있습니다. 대신에 if(element.parentElement.parentElement.parentElement.id == "target"){ doThis() } 작성하는 방법은 자바 스크립트에서 "이 id"doThis() "가있는 상위 요소가있는 경우에만 말하는 것입니까? 이 모든 parentElements를 거치지 않고이 ID를 가진 현재 요소의 부모 요소가 있다면 doThis()를 호출하는 방법이 있을까요?

편집

많은 말했다 내가해야 단지 getElementById 어쩌면 그 해결책이지만, 내가 뭘하는지보다 조금 볼 수 있도록 내가 당신에게 내 코드의 예를 보여 드리겠습니다 :

를

동일한 기능을 가진 div가 많이 있습니다. clicked()라고 부를 수 있습니다.

function clicked(element){ 
    if(element.parentElement.parentElement.parentElement.id == 'container'){ 
     doThis(); 
    } 
} 

:

<div id = "container"> 
    <div id = "top"> 
     <div id = "left"> 
      <div onclick = "clicked(this)">Content</div> 
      <div onclick = "clicked(this)">Content2</div> 
      ... 
     </div> 
    </div> 
</div> 

내 클릭 기능은 다음과 같습니다

<div onclick = "clicked(this)">Content</div>이 된 div는 몇 가지 다른 div에 포함되어 말할 수 있습니다 :

그래서 나는 다음과 같이 20 명 div의가 있다고

Answer 1

부모 계층 구조를 검색하는 함수를 작성할 수 있습니다.

function parentWithId(elem, id) { 
    while (elem = elem.parentNode && elem !== document.body) { 
     if (elem.id === id) { 
      return elem; 
     } 
    } 
    return null; 
} 

var p = parentWithId(element, "target"); 
if (p) { 
    doThis(); 
} 

또는, 당신도 기능

function parentWithId(elem, id, fn) { 
    while (elem = elem.parentNode && elem !== document.body) { 
     if (elem.id === id) { 
      if (fn) { 
       fn(elem); 
      } 
      return elem; 
     } 
    } 
    return null; 
} 


parentWithId(element, "target", doThis);