jQuery 탐색(순회)메소드 - 조상

Jude·2022년 11월 13일
0

jQuery

목록 보기
2/4
	/*예제 스타일 지정*/
	<style>
        .wrap,.wrap * {
            border: 1px solid lightcoral;
            display : block;
            margin : 15px;
            padding : 5px;
            color: coral;    
        }
    </style>

탐색(순회) 메소드

조상 메소드
기준이 되는 요소의 상위요소들을 선택할 수 있는 메소드

  • $("선택자").parent()
    선택된 요소 바로 위(부모)요소 하나만 선택
  • $("선택자").parents()
    선택된 요소 바로 위뿐만 아니라 상위요소 전부 선택
  • $("선택자").parents("선택자")
    선택된 요소의 모든 상위요소 중
    제시한 선택자와 일치하는 상위 요소만 선택
  • $("선택자").parentsUntil("선택자")
    선택된 요소부터 제시한 요소까지 모든 상위 요소들 선택
	/*예제 태그 생성*/
	<div class="wrap"> 조상
        <div> div (증조 할머니)
            <ul> ul (할머니)
                <li> li (어머니)
                    <span>span</span>
                </li>
            </ul>
        </div>
        <div> div (할아버지)
            <p> p (아버지)
                <span>span</span>
            </p>
        </div>
    </div>
profile
늦었으니 더 빠르게!

0개의 댓글