jQuery의 prev 및 next 메서드
prev
메서드를 사용하면 특정 요소의 바로 위에 있는 형제 요소에 접근할 수 있으며,
next
메서드를 사용하면 바로 아래에 있는 형제 요소에 접근할 수 있습니다(요소들은 동일한 부모 내에서만 형제로 간주됩니다).
예를 들어 다음과 같은 단락들을 살펴보겠습니다:
<p>text</p>
<p>text</p>
<p id="test">text</p>
<p>text</p>
<p>text</p>
이제 #test 요소를 찾고,
그 바로 위의 형제 요소의 텍스트를 '!'로 설정해 보겠습니다:
$('#test').prev().html('!');
이제 같은 작업을 바로 아래의 형제 요소에 대해 수행해 보겠습니다:
$('#test').next().html('!');
test 클래스를 가진 요소 바로 앞에 있는
첫 번째 요소를 찾으세요.
test 클래스를 가진 요소 바로 뒤에 있는
첫 번째 요소를 찾으세요.
