jQuery 요소 + 다음 선택기
예시
각 <div> 요소 옆에 있는 <p> 요소를 선택합니다.
$("div + p")
정의 및 사용
("요소 + 다음") 선택기는 지정된 "요소"의 "다음" 요소를 선택합니다. "다음" 요소는 선택하기 위해 지정된 "요소" 바로 뒤에 위치해야 합니다.
예: <div> 요소 바로 뒤에 두 개의 <p> 요소가 있는 경우 다음 구문은 다음과 같습니다.
- $("div + p") - <div> 요소의 다음 요소이기 때문에 첫 번째 <p> 요소만 선택합니다(다른 <p> 요소는 무시됨).
예: <div> 요소 바로 뒤에 <h2> 요소가 있고 <p> 요소가 있는 경우 다음 구문은 다음과 같습니다.
- $("div + p") - <div> 요소의 다음 요소가 <h2> 요소이기 때문에 <p> 요소를 선택하지 않습니다.
참고: 지정된 두 요소는 모두 동일한 상위 요소를 공유해야 합니다.
통사론
("element + next")
Parameter | Description |
---|---|
element |
Required.
Any valid jQuery selector |
next | Required. Specifies the element that should be the next element of the element parameter |
직접 해보십시오 - 예
있는 <div> 요소를 선택합니다. 각 <ul> 요소 옆에 있는 <div> 요소를 선택하는 방법입니다.