next 메소드
next 메소드는
주어진 요소와 같은 부모 내에서 그 뒤에 위치한
요소를 반환합니다.
문법
바로 다음 이웃 요소 가져오기:
.next();
주어진 셀렉터를 만족하는 바로 다음 이웃 요소만 선택할 수도 있습니다:
.next(selector);
예제
#test 요소를 찾고 그 아래 이웃에
html 메소드를 사용하여
'!' 텍스트를 설정해 봅시다:
<p>text</p>
<p>text</p>
<p id="test">text</p>
<p>text</p>
<p>text</p>
$('#test').next().html('!');
HTML 코드는 다음과 같이 변할 것입니다:
<p>text</p>
<p>text</p>
<p id="test">text</p>
<p>!</p>
<p>text</p>
함께 보기
-
prev메소드,
요소의 위쪽 이웃을 가져올 수 있습니다. -
nextAll메소드,
주어진 요소와 같은 부모 내에서 그 뒤에 위치한 모든 요소를 반환합니다. -
nextUntil메소드,
주어진 요소 뒤에 위치한 요소들을 반환합니다. -
siblings메소드,
요소와 같은 부모 내의 모든 이웃 요소를 가져올 수 있습니다. -
JavaScript
nextElementSibling속성,
같은 부모 내에서 다음 요소를 포함합니다.
