jQuery 순회 - andSelf() 메서드

jQuery 순회 참조 매뉴얼

예제

모든 div와 그 안의 모든 구절을 찾아서 두 개의 클래스 이름을 추가합니다. .andSelf()를 사용하지 않았기 때문에 div는 노란 배경색을 가지지 않습니다.

$("div").find("p").andSelf();.addClass("border");
$("div").find("p").addClass("background");

본인이 직접 시도해보세요

정의와 사용법

add() 메서드는 스택에 있는 이전 요소 집합을 현재 집합에 추가합니다.

문법

.andSelf();

상세 설명

이 간단한 목록을 가진 페이지를 생각해보세요：

<ul>
   <li>리스트 아이템 1</li>
   <li>리스트 아이템 2</li>
   <li class="third-item">리스트 아이템 3</li>
   <li>리스트 아이템 4</li>
   <li>리스트 아이템 5</li>
</ul>

이 코드의 결과는 프로젝트 3, 4, 5이 빨간 배경을 가지게 됩니다：

$("li.third-item").nextAll().andSelf();
  .css("background-color", "red");

본인이 직접 시도해보세요

먼저, 초기 선택자는 프로젝트 3을 정위치하고, 초기 스택에는 해당 프로젝트만 포함된 집합이 저장됩니다. .nextAll() 호출 시 프로젝트 4, 5의 집합이 스택에 추가됩니다. 마지막으로, .andSelf() 호출 시 이 두 집합이 병합되어, 생성된 jQuery 객체는 문서 순서대로 모든 세 개의 프로젝트를 가리킵니다: {[<li.third-item>,<li>,<li> ]}。

jQuery 순회 참조 매뉴얼