prev 메서드

prev 메서드는 동일한 부모 내에서 주어진 요소의 바로 앞에 위치한 요소를 반환합니다.

문법

바로 앞의 형제 요소 가져오기:

javascript.prev();

지정한 선택자를 만족하는 바로 앞의 형제 요소만 선택할 수도 있습니다:

javascript.prev(selector);

예시

#test 요소를 찾고, 그 바로 앞의 형제 요소에 html 메서드를 사용하여 '!' 텍스트를 설정해 봅시다:

html<p>text</p>
<p>text</p>
<p id="test">text</p>
<p>text</p>
<p>text</p>
javascript$('#test').prev().html('!');

HTML 코드는 다음과 같이 됩니다:

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

관련 내용

  • next 메서드,
    요소의 다음 형제 요소를 가져올 수 있습니다.
  • prevAll 메서드,
    동일한 부모 내에서 주어진 요소 앞에 있는 모든 요소를 반환합니다.
  • prevUntil 메서드,
    주어진 요소 앞에 있는 요소들을 반환합니다.
  • siblings 메서드,
    동일한 부모 내에서 요소의 모든 형제 요소를 가져올 수 있습니다.
  • JavaScript 속성 previousElementSibling, 동일한 부모 내의 이전 요소를 포함합니다.