jQuery의 prev 및 next 메서드

prev 메서드를 사용하면 특정 요소의 바로 위에 있는 형제 요소에 접근할 수 있으며, next 메서드를 사용하면 바로 아래에 있는 형제 요소에 접근할 수 있습니다(요소들은 동일한 부모 내에서만 형제로 간주됩니다).

예를 들어 다음과 같은 단락들을 살펴보겠습니다:

html<p>text</p>
<p>text</p>
<p id="test">text</p>
<p>text</p>
<p>text</p>

이제 #test 요소를 찾고, 그 바로 위의 형제 요소의 텍스트를 '!'로 설정해 보겠습니다:

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

이제 같은 작업을 바로 아래의 형제 요소에 대해 수행해 보겠습니다:

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