[jQuery] 자식 요소 가져오기 (feat. > 사용법)

특정 태그의 바로 밑 자식 요소를 가져올 때,  > 기호를 사용하여 가져올 수 있다.

<div class="parent">
    <p class="child1">
      <h1>자바스크립트</h1>
      <h2>제이쿼리</h2> <!-- 가져올 값 -->
    </p>
</div>

 

$(".parent > p.child1").find("h2")

 

그러나 부모 바로 밑에 있는 자식이 아닌 다른 자식의 요소를 가져오고 싶을 때는 > 없이 작성해주면 된다.

<div class="parent">
   <div class="main">    
       <p class="child1">
         <h1>자바스크립트</h1>
         <h2>제이쿼리</h2> <!-- 가져올 값 -->
       </p>
    </div>
</div>

$(".parent p.child1").find("h2")