next
English [nekst] US [nɛkst]
adj.n 바로 옆;다음 사람
prep. 전까지..., 전에...까지는...
jquery nextUntil() 메서드 통사론
기능: nextUntil()은 각 요소의 다음 형제 요소를 모두 가져오지만 선택기, DOM 노드 또는 전달된 jQuery 개체와 일치하는 요소는 포함하지 않습니다.
구문 1: .nextUntil(selector,filter)
매개변수:
| 매개변수 | Description |
| selector | 명령어가 포함된 문자열 값 형제에 대한 선택기 표현식에 따라 일치를 중지하려면 강요. |
| filter | 요소와 일치하는 데 사용되는 선택기 표현식이 포함된 문자열 값입니다. |
구문 2: .nextUntil(요소,필터)
매개변수:
| Parameters | Description |
| 요소 | 다음 형제 요소 DOM 노드 일치를 중지할 위치를 나타냅니다. 또는 jQuery 객체. |
| filter | 요소와 일치하는 데 사용되는 선택기 표현식이 포함된 문자열 값입니다. |
설명: DOM 요소 모음을 나타내는 jQuery 객체가 제공되면 .nextUntil() 메서드를 사용하면 DOM 트리의 요소를 따르는 형제 요소를 검색할 수 있습니다. 이 메소드의 매개변수와 일치합니다. 요소가 발견되면 검색이 중지됩니다. 반환된 새 jQuery 개체에는 다음 형제 요소가 모두 포함되어 있지만 매개 변수와 일치하는 요소는 포함되어 있지 않습니다. 선택기가 일치하지 않거나 선택기가 지정되지 않으면 다음 형제가 모두 선택됩니다. 필터링을 위해 선택기가 제공되지 않으면 이 메서드에서 선택한 요소는 .nextAll() 메서드와 동일합니다. jQuery 1.6부터는 선택기 대신 DOM 노드나 jQuery 객체를 .nextUntil() 메서드에 전달할 수 있습니다. 이 메소드는 선택적 선택기 표현식을 두 번째 매개변수로 허용합니다. 이 매개변수가 지정되면 요소가 이 선택기와 일치하는지 여부를 감지하여 필터링됩니다.
jquery nextUntil() 메서드 예
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<dl>
<dt id="term-1">term 1</dt>
<dd>definition 1-a</dd>
<dd>definition 1-b</dd>
<dd>definition 1-c</dd>
<dd>definition 1-d</dd>
<dt id="term-2">term 2</dt>
<dd>definition 2-a</dd>
<dd>definition 2-b</dd>
<dd>definition 2-c</dd>
<dt id="term-3">term 3</dt>
<dd>definition 3-a</dd>
<dd>definition 3-b</dd>
</dl>
<script>
$("#term-2").nextUntil("dt").css("background-color", "red");
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "blue");
</script>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요