jquery 상위, 하위 형제 요소 선택 총 정리
parent는 익숙해도 sibling은 쓸 일이 적어서 자꾸 구글링 하는 내 자신을 위해...
📌 상위 요소 (부모 요소)
| 상위 요소 : 부모 요소 | |
| .parent() | 선택한 요소의 부모(parent) 요소를 선택한다. |
| .parents() | 선택한 요소의 상위(ancestor) 요소를 모두 선택한다. |
| .parentsUntil() | 선택한 요소의 상위 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. |
| .closest() | 선택한 요소를 포함한 상위 요소 중에서 지정한 선택자에 해당하는 요소 중 가장 첫 번째 요소를 선택한다. |
📌 하위 요소 (자식 요소)
| 하위 요소 : 자식 요소 | |
| .children() | 선택한 요소의 자식(child) 요소를 모두 선택한다. |
| .find() | 선택한 요소의 자손(descendant) 요소 중에서 전달받은 선택자에 해당하는 요소를 모두 선택한다. |
📌 형제 요소
| 형제 요소 | |
| .siblings() | 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택한다. |
| .next() | 선택한 요소의 바로 다음에 위치한 형제 요소를 선택한다. |
| .nextAll() | 선택한 요소의 다음에 위치한 형제 요소를 모두 선택한다. |
| .nextUntil() | 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. |
| .prev() | 선택한 요소의 바로 이전에 위치한 형제 요소를 선택한다. |
| .prevAll() | 선택한 요소의 이전에 위치한 형제 요소를 모두 선택한다. |
| .prevUntil() | 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 다음까지의 요소를 모두 선택한다. |
📌 기타 탐색
| 기타 탐색 | |
| .add() | 선택한 요소에 다른 요소를 추가 선택한다. |
| .addBack() | 선택한 요소의 집합에 바로 전에 선택했던 요소를 추가한다. |
| .each() | 선택한 요소들을 각 요소마다 전달받은 콜백 함수를 반복 실행한다. |
| .end() | 마지막으로 실행한 메소드의 실행 전 상태로 선택한 요소의 집합을 복원한다. |
| .offsetParent() | DOM 트리에 존재하는 부모요소들 중 위치(positioned)요소를 기준으로 가장 가까운 요소를 찾아서 요소를 선택한다. |
| .contents() | 선택한 요소의 자식(child) 요소를 모두 선택한다. (텍스트 노드와 주석 노드까지 모두 포함함) |
728x90
반응형