-
jQuery_Ancestors메소드jQuery 2022. 4. 19. 00:20
객체탐색
Ancestors메소드
: 선택한 요소의 상위 요소들을 선택할 수 있는 메소드
('태그').parent() : 태그 바로 상위태그에 적용
('태그').parents() : 태그 위에 있는 모든 상위클래스들에 적용(body까지)
('태그').parentsUntil('지정태그') : 지정태그를 포함하지 않고 그 전까지 다 가져온다.
<예시>
<body> <h2>Ancestors메소드</h2> <div class="wrap"> <div class="type">div (great-grandparent) <ul>ul (grandparent) <li>li(direct parent) <span>span</span> </li> </ul> </div> <div class="type">div (grandparent) <p>p (direct parent) <span>span</span> </p> </div> </div> <script> $(function(){ console.log($('span').parent());//S.fn.init(2), p,a $('span').parent().css({'color':'red', 'border':'2px solid red'}); //span의 바로 상위태그에 적용하는 것이 .parent() // $('span').parents().css({'color':'blue', 'border':'2px solid blue'}); //span 위에 있는 모든 상위클래스들에 적용(body까지) .parents() $('span').parents('ul').css({'color':'blue', 'border':'2px solid blue'}); //span 위에 있는 모든 상위클래스 중에 ul과 일치하는 요소만에 리턴(요소지정가능) .parents('ul') $('span').parentsUntil('div').css('background','beige'); //div를 포함하지않고 그 전까지 다 가져온다. }) </script> </body>'jQuery' 카테고리의 다른 글
jQuery_manipulation_객체조작 (0) 2022.04.19 jQuery_sideways메소드 (0) 2022.04.19 jQuery_Descendants메소드 (0) 2022.04.19 jQuery_필터링 메소드 (0) 2022.04.19 jQuery_기본 개념 (0) 2022.04.18