jQuery 트리베르전 - parentsUntil() 메서드
예제
<li class="item-a">의 조상 요소를 찾아 <ul class="level-1">까지, 그들을 빨간 배경색으로 설정합니다. 또한, <li class="item-2">의 모든 "yes" 클래스의 조상 요소를 찾아 <ul class="level-1">까지, 그들을 파란 테두리선으로 설정합니다:
$("li.item-a");.parentsUntil(".level-1");
.css("background-color", "red");
$("li.item-2");.parentsUntil($("ul.level-1"), ".yes");
.css("border", "3px solid blue");
정의와 사용법
parentsUntil()는 현재 일치 요소 집합의 각 요소의 조상 요소를 얻습니다. 이는 선택자, DOM 노드, 또는 jQuery 객체와 일치하는 요소까지(포함하지 않음)입니다.
문법 1
.parentsUntil(선택자,필터)
| 파라미터 | 설명 |
|---|---|
| 선택자 | 선택적. 문자열 값, 조상 요소의 일치를 멈추는 위치를 정의하는 선택자 표현식. |
| 필터 | 선택적. 문자열 값, 요소를 일치시키기 위해 사용되는 선택자 표현식을 포함합니다. |
문법 2
.parentsUntil(요소,필터)
| 파라미터 | 설명 |
|---|---|
| 요소 | 선택적. DOM 노드나 jQuery 객체, 조상 요소의 일치를 멈추는 위치를 지정합니다. |
| 필터 | 선택적. 문자열 값, 요소를 일치시키기 위해 사용되는 선택자 표현식을 포함합니다. |
상세 설명
DOM 요소 집합을 나타내는 jQuery 객체가 주어지면, .parentsUntil() 메서드는 DOM 트리에서 이 요소들의 조상 요소를 검색할 수 있게 합니다. 이를 통해 선택자(메서드에 전달된 파라미터)와 일치하는 요소에 도달할 때까지 검색합니다. 반환된 jQuery 객체는 모든 조상 요소를 포함하지만, .parentsUntil() 메서드에 의해 지정된 선택자와 일치하는 요소는 포함하지 않습니다.
불일치하거나 선택자가 적용되지 않으면 모든 조상 요소를 선택합니다. 이 경우, 이 메서드가 선택하는 요소는 선택자를 제공하지 않았을 때의 .parents()와 동일합니다.
jQuery 1.6에서는 .parentsUntil() 메서드의 첫 번째 파라미터로 DOM 노드나 jQuery 객체를 선택자 대신 사용할 수 있습니다.
이 메서드는 두 번째 파라미터로 선택자 표현식을 선택적으로 받아들입니다. 이 파라미터를 적용하면 요소가 선택자와 일치하는지 확인하여 요소를 필터링합니다.
