지정된 요소의 형제 요소를 가져올 때 콘텐츠의 양쪽이 선택자 표현식인 인접 형제 조합자( )를 사용할 수 있습니다.
다음 예에서 h1의 모든 직계 형제 요소 h2를 가져오려는 경우
h1>기본 제목
섹션 제목
일부 내용...
섹션 제목
;
더 많은 콘텐츠 ...
직접 사용할 수 있습니다
$('h1 h2')
// 인접한 모든 h2 요소 선택
h1의 형제 요소를 필터링하려면 물론
$ ('h1').siblings('h2,h3,p')
// H2, H3,
현재 요소 뒤의 모든 형제 요소를 얻으려면 nextAll()
을 사용할 수 있습니다. 예를 들어 다음 HTML 코드의 경우
;첫 번째 항목 - 두 번째 항목
- 세 번째 항목
- 네 번째 항목
- 다섯 번째 항목
두 번째 항목 이후에 모든 li 요소를 가져오려면 다음을 사용할 수 있습니다. code
위의 예는 일반 형제 조합자(~)를 사용하여 구현할 수도 있습니다.
직접 형제 요소를 얻으려면 선택기를 사용하지 않고 next()를 직접 사용할 수도 있습니다.
topHeaders.next('h2').css('margin', '0)
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
