conj....까지..., 아니...
jquery parentUntil() 메서드 통사론
함수: parentsUntil() 선택기, DOM 노드 또는 jQuery 개체와 일치하는 요소가 나올 때까지(포함하지 않음) 현재 일치하는 요소 집합에 있는 각 요소의 상위 요소를 가져옵니다.
구문 1: .parentsUntil(selector,filter)
매개변수:
| 매개변수 | Description |
| selector | 선택사항. 상위 요소 일치를 중지할 선택기 표현식을 지정하는 문자열 값입니다. |
| 필터 | 선택사항. 요소를 일치시키는 데 사용되는 선택기 표현식이 포함된 문자열 값입니다. |
구문 2: .parentsUntil(요소,필터)
매개변수:
| Parameters | Description |
| 요소는 선택 사항입니다. 상위 요소 일치를 중지할 위치를 나타내는 DOM 노드 또는 jQuery 객체입니다. | |
| 선택사항. 요소를 일치시키는 데 사용되는 선택기 표현식이 포함된 문자열 값입니다. |
DOM 요소 모음을 나타내는 jQuery 객체가 있는 경우 .parentsUntil() 메서드를 사용하면 선택기를 만날 때까지 DOM 트리에서 이러한 요소의 상위 요소를 검색할 수 있습니다(메서드에 전달됨). 매개변수) 일치하는 요소가 나올 때까지. 반환된 jQuery 객체에는 .parentsUntil() 메서드에서 지정한 선택기와 일치하는 요소를 제외한 모든 상위 요소가 포함됩니다. 일치하는 항목이 없거나 선택기가 적용되지 않으면 모든 상위 요소가 선택됩니다. 이 경우 선택기가 제공되지 않으면 메서드는 .parents()와 동일한 요소를 선택합니다. jQuery 1.6부터 선택자 대신 DOM 노드 또는 jQuery 객체를 .parentsUntil() 메서드의 첫 번째 인수로 사용할 수 있습니다. 이 메소드는 선택적 선택기 표현식을 두 번째 매개변수로 허용합니다. 이 매개변수를 적용하면 요소가 이 선택기와 일치하는지 확인하여 필터링됩니다. 온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요jquery parentUntil() 메서드 예
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<ul class="level-1 yes">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2 yes">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
<script>
$("li.item-a").parentsUntil(".level-1")
.css("background-color", "red");
$("li.item-2").parentsUntil( $("ul.level-1"), ".yes" )
.css("border", "3px solid blue");
</script>
</body>
</html>