prev 메서드
prev 메서드는 동일한 부모 내에서 주어진 요소의 바로 앞에 위치한 요소를 반환합니다.
문법
바로 앞의 형제 요소 가져오기:
.prev();
지정한 선택자를 만족하는 바로 앞의 형제 요소만 선택할 수도 있습니다:
.prev(selector);
예시
#test 요소를 찾고, 그 바로 앞의 형제 요소에
html 메서드를 사용하여
'!' 텍스트를 설정해 봅시다:
<p>text</p>
<p>text</p>
<p id="test">text</p>
<p>text</p>
<p>text</p>
$('#test').prev().html('!');
HTML 코드는 다음과 같이 됩니다:
<p>text</p>
<p>!</p>
<p id="test">text</p>
<p>text</p>
<p>text</p>
관련 내용
-
next메서드,
요소의 다음 형제 요소를 가져올 수 있습니다. -
prevAll메서드,
동일한 부모 내에서 주어진 요소 앞에 있는 모든 요소를 반환합니다. -
prevUntil메서드,
주어진 요소 앞에 있는 요소들을 반환합니다. -
siblings메서드,
동일한 부모 내에서 요소의 모든 형제 요소를 가져올 수 있습니다. -
JavaScript 속성
previousElementSibling, 동일한 부모 내의 이전 요소를 포함합니다.
