.nextUntil()
원문 링크 
http://api.jquery.com/nextUntil/
개요 : 다음번에 오는 요소가 필터 조건에 부합될 경우 실행이 멈춥니다.
- .nextUntil( [selector,] [filter] )
- selector 선택자
- filter 영향을 받을 요소의 문자열 표현
- .nextUntil( [element,] [filter] )
- element 만났을 때 실행을 종료할 DOM 노드 또는 jQuery 객체
- filter 영향을 받을 요소의 문자열 표현
본문에 보면 장황하게 설명되어 있습니다만 저는 짧게 하겠습니다. 그리 중요한 함수로 보이지는 않아서요. 이 함수는 어떤 조건을 만날때까지 특정한 행동을 할 수 있게 할 수 있습니다. 쉽게 말씀드리면 '한국슈퍼를 만날 때까지 앞으로 쭈욱 걸어가세요.' 라고 말씀드리면 되겠네요. 이것으로 설명 끝~~
jQuery 1.6 버젼부터는 selector 대신에 Dom 노드나 jQuery 객체를 사용할 수 있게 업버젼 됬다고 추가 설명이 되어 있네요. 바로 예제 고고씽
예 제
특정 조건을 만날 때까지 특정 행동을 합니다.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.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", "green");
</script>
</body>
</html>미리보기
첫번째는 id=item-2 부터 시작해서 dt 엘리먼트를 만날 때까지 빨간색을 칠하라는 스크립트입니다. 두번째는 id=item-1 부터 시작해서 id=item-3 인 것을 만날 때까지 텍스트 색을 초록색으로 만듭니다. 단, 'dd' 인 것들만 적용됩니다. 'dd' 부분을 제거해 보시면 쉽게 이해하실 수 있습니다.
음, 작성하고 보니 어느정도 효용성은 있어 보이네요. 그래도 이 정도면 패수~
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery API 정복 - position으로 부모 찾기, offsetParent() (0) | 2011.06.29 |
|---|---|
| jQuery API 정복 - 부모들 찾기, parents() (0) | 2011.06.28 |
| jQuery API 정복 - 부모 찾기, parent() (0) | 2011.06.28 |
| jQuery API 정복 - ~가 아닌 것, not() (4) | 2011.06.27 |
| jQuery API 정복 - 현재 요소의 다음 요소 모두, nextAll() (0) | 2011.06.21 |
| jQuery API 정복 - 현재 요소의 바로 다음 요소, next() (2) | 2011.06.09 |
| jQuery API 정복 - 결과를 배열로 돌려받기, map() (7) | 2011.06.08 |
| jQuery API 정복 - 마지막 요소 찾기, last() (0) | 2011.05.31 |