nextAll 메서드

nextAll 메서드는 주어진 요소와 같은 부모 안에서 그 뒤에 위치하는 모든 요소를 반환합니다.

문법

모든 다음 형제 요소 가져오기:

javascript$(selector).nextAll();

지정된 선택자로 형제 요소를 필터링할 수도 있습니다:

javascript$(element).nextAll(selector);

예제

#test 요소를 찾고, 그 모든 다음 형제 요소들의 텍스트를 '!'로 설정해 봅시다. html 메서드를 사용합니다:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>

javascript$('#test').nextAll().html('!');

HTML 코드는 다음과 같이 변합니다:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>!</p>
  <p>!</p>
</div>
<p>outside</p>

함께 보기