사용자 도구

사이트 도구


wiki:jquery:부모태그_가져오기

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

다음 판
이전 판
wiki:jquery:부모태그_가져오기 [2020/03/14 14:38]
hylee 만듦
wiki:jquery:부모태그_가져오기 [2023/01/13 18:44] (현재)
줄 1: 줄 1:
-====== 테이블 행(TR) 삭제하기 ======+====== 부모태그_가져오기 ======
 <WRAP left notice 80%> <WRAP left notice 80%>
   * description :    * description : 
줄 9: 줄 9:
  
 ===== 코드 예시 ===== ===== 코드 예시 =====
-<code html> 
-<div class="box"> 
-   <div class="something1"></div> 
-   <div class="something2"> 
-      <a class="mylink">My link</a> 
-   </div> 
-</div> 
- 
- 
  
 +<code javascript>   
 $(".mylink").click(function() { // 아래 4개는 모두 동일한 결과 반환 $(".mylink").click(function() { // 아래 4개는 모두 동일한 결과 반환
     $(this).parent().siblings(".something1");     $(this).parent().siblings(".something1");
줄 28: 줄 20:
 }); });
 </code> </code>
 +<code html>
 +<div class="box">
 +   <div class="something1"></div>
 +   <div class="something2">
 +      <a class="mylink">My link</a>
 +   </div>
 +</div>
 +
 +
 +</code>
 +
 +> 코드 세부 설명
  
-  closest()는 모든 부모 요소를 대상으로하여 원하는 요소만 선택자로 가져올 수 있다. +  closest()는 모든 부모 요소를 대상으로하여 원하는 요소만 선택자로 가져올 수 있다. 
-  하나가 아닌 모든 부모 요소를 반환할 필요가 있다면 parents() 메소드를 사용한다. +  하나가 아닌 모든 부모 요소를 반환할 필요가 있다면 parents() 메소드를 사용한다. 
-  parent()는 해당 요소의 바로 위의 부모 요소를 반환한다. +  parent()는 해당 요소의 바로 위의 부모 요소를 반환한다. 
-  children()은 해당 요소의 바로 아래 자식 요소들만을 반환한다. +  children()은 해당 요소의 바로 아래 자식 요소들만을 반환한다. 
-  find()는 해당 노드 아래의 전체 DOM을 탐색하여 반환한다. +  find()는 해당 노드 아래의 전체 DOM을 탐색하여 반환한다. 
-  prev() - 이전 요소를 선택하도록 반환한다. +  prev() - 이전 요소를 선택하도록 반환한다. 
-  next() - 다음 요소를 선택하도록 반환한다.+  next() - 다음 요소를 선택하도록 반환한다.
  
  
 ===== Ref ===== ===== Ref =====
-  * [[https://yangyag.tistory.com/180|JQUERY로 TR(현재 행) 삭제하는 예제 소스]]+  * [[https://link2me.tistory.com/m/1568?category=831193|jQuery parent, children, find 차이]]
 {{tag>도봉산핵주먹 jquery}} {{tag>도봉산핵주먹 jquery}}
/volume1/web/dokuwiki/data/attic/wiki/jquery/부모태그_가져오기.1584164310.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)