Nested Elements 선택하기

<div id="emailContainer">
    <div class="panel">
        …

    </div>
    <div class="panel">
        …

    </div>
</div>
<div id="ordersContainer">
    <div class="panel">
        …

    </div>
    <div class="panel">
        …

    </div>
</div>

위의 코드가 있다가 가정합니다. 
이때 emailContainer에 있는 panel들을 가져올때 방법중 하나를 소개하고자 합니다.

var emailDiv = $('#emailContainer');

위와 같이 emailContainer 요소를 가져옵니다.

그다음 Jquery의 find()메서드를 사용하여
아래와 같이 합니다.

var panels = emailDiv.find('div.panel');

두번째 방법은 아래와 같이 context 안에 값을 가져오는 방법입니다.

var panels = $('div.panel', emailDiv);

참 여러가지 방법이 있네요