문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== 부모태그_가져오기 ======
<WRAP left notice 80%>
  * description : 
  * author      : 도봉산핵주먹
  * email       : hylee@repia.com
  * lastupdate  : 2020-03-14
</WRAP>
<WRAP clear/>

===== 코드 예시 =====

<code javascript>   
$(".mylink").click(function() { // 아래 4개는 모두 동일한 결과 반환
    $(this).parent().siblings(".something1");
    $(this).parent().prev(); // if you always want the parent's previous sibling
    $(this).parents(".box").children(".something1");

    $(this).closest('.box').children('.something1');

});
</code>
<code html>
<div class="box">
   <div class="something1"></div>
   <div class="something2">
      <a class="mylink">My link</a>
   </div>
</div>


</code>

> 코드 세부 설명

  * closest()는 모든 부모 요소를 대상으로하여 원하는 요소만 선택자로 가져올 수 있다.
  * 하나가 아닌 모든 부모 요소를 반환할 필요가 있다면 parents() 메소드를 사용한다.
  * parent()는 해당 요소의 바로 위의 부모 요소를 반환한다.
  * children()은 해당 요소의 바로 아래 자식 요소들만을 반환한다.
  * find()는 해당 노드 아래의 전체 DOM을 탐색하여 반환한다.
  * prev() - 이전 요소를 선택하도록 반환한다.
  * next() - 다음 요소를 선택하도록 반환한다.


===== Ref =====
  * [[https://link2me.tistory.com/m/1568?category=831193|jQuery parent, children, find 차이]]
{{tag>도봉산핵주먹 jquery}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구