jQuery 순회 - prev() 메서드
정의와 사용법
prev()은 매칭 요소 집합의 각 요소의 가까운 이전 형제 요소를 얻습니다. 선택자를 통해 필터링은 선택 사항입니다.
.prev(selector)
| 매개변수 | 설명 |
|---|---|
| selector | 문자 값, 선택자 표현식을 포함하고 있습니다. |
상세 설명
DOM 요소 집합을 나타내는 jQuery 객체가 주어지면, .prev() 메서드는 이 요소의 이전 형제 요소를 DOM 트리에서 검색하고, 일치하는 요소로 새로운 jQuery 객체를 생성합니다.
이 메서드는 선택자 표현식을 받아들이며, $() 함수에 전달된 매개변수와 같은 유형입니다. 이 선택자를 적용하면, 요소가 선택자와 일치하는지 확인하여 요소를 필터링합니다.
이 기본적인 내嵌 목록을 가진 페이지를 생각해 보세요:
<ul> <li>목록 항목 1</li> <li>목록 항목 2</li> <li class="third-item">목록 항목 3</li> <li>목록 항목 4</li> <li>목록 항목 5</li> </ul>
세 번째 요소부터 시작하면, 이 요소 사이의 가까운 이전 요소를 찾을 수 있습니다:
$('li.third-item').prev().css('background-color', 'red');
이곳에서 호출된 결과는 프로젝트 2를 빨간 배경으로 설정합니다. 선택자 표현식을 적용하지 않았기 때문에, 이전 요소가 자연스럽게 객체의 일부가 됩니다. 선택자를 적용한 경우, 요소가 선택자와 일치하는지 확인한 후에 요소를 포함합니다.
