본문 바로가기

js

[j-query] j-query에서 요소를 선택하는 방법(next, children, find, eq)

형제 요소 선택 메소드
.next() 선택한 요소의 바로 다음에 위치한 형제 요소를 선택
.nextAll() 선택한 요소의 다음에 위치한 형제 요소를 모두 선택
.nextUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택
.prev() 선택한 요소의 바로 이전에 위치한 형제 요소를 선택
.prevAll() 선택한 요소의 이전에 위치한 형제 요소를 모두 선택
.prevUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 다음까지의 요소를 모두 선택
.siblings() 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택

 

자식 요소 선택 메소드
.children() 선택한 요소의 자식 요소를 선택 (부모 태그 바로 아래 자식 요소만 선택 가능)
.find() 선택한 요소의 자식 요소 중 해당하는 요소를 선택 (부모 요소 아래 하위 요소의 자식 요소 선택 가능)

 

필터링 메소드
.first() 선택한 요소 중에서 첫 번째 요소를 선택
.last() 선택한 요소 중에서 마지막 요소를 선택
.eq() 선택한 요소 중에서 전달받은 인덱스에 해당하는 요소를 선택
.filter() 선택한 요소 중에서 전달받은 선택자에 해당하거나, 함수 호출의 결과가 참(true)인 요소를 모두 선택
.not() 선택한 요소 중에서 전달받은 선택자에 해당하거나, 함수 호출의 결과가 참(true)인 요소를 제외한 나머지 요소를 모두 선택
.has() 선택한 요소 중에서 전달받은 선택자에 해당하는 요소를 자손 요소로 가지고 있는 요소를 모두 선택
.is() 선택한 요소 중에서 전달받은 선택자에 해당하는 요소가 하나라도 존재하면 참(true)을 반환
.map() 선택한 요소 집합의 각 요소마다 콜백 함수를 실행하고, 그 반환값으로 구성된 jQuery 객체를 반환
.slice() 선택한 요소 중에서 전달받은 인덱스 범위에 해당하는 요소만을 선택

 

()에 필터링할 항목을 입력할 경우 해당하는 요소만 반환한다.