정리jQuery

jQuery API prevAll 메서드

jQuery, prevAll

prevAll() 메서드

선택자로 선택된 요소 내의 이전 형제 요소들을 모두 선택해서 반환하는 메서드이다.

.prevAll () 메소드는 DOM 요소 집합을 나타내는 jQuery 객체가 주어지면 DOM 트리에서 이들 요소의 이전 요소를 검색하여 일치하는 요소에서 새 jQuery 객체를 생성합니다. 요소는 가장 가까운 형제로 시작하여 순서대로 리턴됩니다.

메서드는 선택적으로 $ () 함수에 전달할 수있는 동일한 유형의 selector 표현식을 허용합니다. 선택기가 제공되면 요소가 일치하는지 테스트하여 요소를 필터링합니다.

예제로 살펴보고 이해하자

예제

div 태그의 마지막 요소를 선택해서 이전 요소를 다 반환한다. 그리고 해당 요소에 before 클래스를 추가!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>prevAll demo</title>
  <style>
  div {
    width: 70px;
    height: 70px;
    background: #abc;
    border: 2px solid black;
    margin: 10px;
    float: left;
  }
  div.before {
    border-color: red;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<div></div>
<div></div>
<div></div>
<div></div>

<script>
$( "div:last" ).prevAll().addClass( "before" );
</script>

</body>
</html>
Share