부모 요소 찾는 방법은 여러 메소드가 있다.
closest(), parent(), parents(), find() 등
상위 태그 요소를 찾을 일이 자주 발생할건데, 자주 사용되는 부분을 적어둔다.
parent로 부모 찾기)
<script>
var div = $("#deerSpan").parent(); // class top2의 div가 저장됨
var div2 = $("#deerSpan").parent().parent() // class top의 div가 저장됨
var divTotal = $("#deerSpan").parents("div"); //parents는 모든 상위요소를 반환한다.
//top, top2 모두 저장됨
var grandFather = $("#deerSpan").parents("div .top"); //상위요소로 올라가다 class가 top인
//div를 찾아서 반환함
//이런식으로 저~위에 있는 부모 요소도
//찾아올 수 있음
</script>
<html>
...
<div class="top">
<div class="top2">
<span id="deerSpan">사슴</span>
</div>
</div>
...
</html>
closest로 부모 찾기
<script>
$("#deerSpan").closest("div"); //class top2 -> 셀렉터로 잡히는 상위 요소중 가장 근접한
//부모가 반환됨
</script>
<html>
...
<div class="top">
<div class="top2">
<span id="deerSpan">사슴</span>
</div>
</div>
</html>
'JQuery' 카테고리의 다른 글
| a태그 강제 클릭 이벤트 (0) | 2023.03.16 |
|---|---|
| jquery img src 변경하기 (0) | 2023.03.14 |
| JQuery 엔터키 이벤트 적용 (0) | 2020.11.29 |
| jsp form value 값 초기화 (0) | 2020.11.29 |
| jquery 부모요소 만들기(wrap, unwrap) (0) | 2020.11.29 |
