제이쿼리 .children ([selector])

설명 : 일치하는 요소 세트의 각 요소에 대한 하위 항목을 가져옵니다 (선택 사항 인 선택기로 선택적으로 필터링 됨).

DOM 요소 세트를 나타내는 jQuery 객체가 주어지면이 .children()메소드를 사용하여 DOM 트리에서 이러한 요소의 하위 항목을 검색하고 일치하는 요소에서 새 jQuery 객체를 작성할 수 있습니다. .children()있어서 상이 .find()그 년 .children()동안 단지 DOM 트리 아래 단일 레벨 이동 .find()도 (손자 등) 하위 요소를 선택하는 여러 단계를 통과 할 수있다. 대부분의 jQuery 메서드와 마찬가지로 .children()텍스트 노드도 반환하지 않는다는 것에주의하십시오 . 텍스트 및 주석 노드를 포함한 모든 자식 을 가져 오려면 사용하십시오 .contents().

.children()방법은 선택적으로 우리가 전달할 수있는 동일한 타입의 선택 식 수용 $()기능. 선택기가 제공되면 요소가 일치하는지 테스트하여 요소를 필터링합니다.

기본 중첩 목록이있는 페이지를 고려해보십시오.

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>


레벨 2 목록에서 시작하면 자녀를 찾을 수 있습니다.

$( "ul.level-2" ).children().css( "background-color", "red" );