전까지... 전까지

conj....까지..., 아니...까지...;

jquery prevUntil() 메서드 통사론

기능: prevUntil() 메서드는 현재 일치하는 요소 집합에서 각 요소의 이전 형제 요소를 가져오지만 선택기, DOM 노드 또는 jQuery 객체와 일치하는 요소는 포함하지 않습니다.

구문 1: .prevUntil(selector, filter)

매개변수:

문법 2: re.prevuntil(요소, 필터)
매개변수 Description
selector 선택사항. 이전 형제 요소 일치를 중지할 위치를 나타내는 선택기 표현식이 포함된 문자열 값입니다.
필터 선택사항. 요소를 일치시키는 데 사용되는 선택기 표현식이 포함된 문자열 값입니다.
매개변수:

매개변수

설명 DOM 요소 모음을 나타내는 jQuery 객체가 있는 경우 .prevUntil() 메서드를 사용하면 선택기를 만날 때까지 DOM 트리에서 이러한 요소 앞에 있는 형제 요소를 검색할 수 있습니다(다음으로 전달됨). 일치하는 요소가 나올 때까지 )의 메소드 매개변수. 반환된 새 jQuery 객체에는 .prevUntil() 메서드에서 지정한 선택기와 일치하는 요소를 제외한 모든 이전 형제 요소가 포함됩니다. 반환된 요소는 가장 가까운 형제 요소에서 가장 먼 요소로 정렬됩니다. 일치하는 항목이 없거나 선택기가 적용되지 않으면 이전의 모든 형제 요소가 선택됩니다. 이 경우 선택기가 제공되지 않으면 메서드는 .prevAll()과 동일한 요소를 선택합니다. jQuery 1.6부터 선택자 대신 DOM 노드나 jQuery 객체를 .prevUntil() 메서드의 첫 번째 인수로 사용할 수 있습니다. 이 메소드는 선택적 선택기 표현식을 두 번째 매개변수로 허용합니다. 이 매개변수를 적용하면 요소가 이 선택기와 일치하는지 확인하여 필터링됩니다.

jquery prevUntil() 메서드 예

<!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").prevUntil("dt")
  .css("background-color", "red");
  
var term1 = document.getElementById('term-1');
$("#term-3").prevUntil(term1, "dd")
  .css("color", "blue");
</script>

</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

요소 선택 사항입니다. 이전 형제 요소 일치를 중지할 위치를 나타내는 DOM 노드 또는 jQuery 객체입니다.
필터 선택사항. 요소를 일치시키는 데 사용되는 선택기 표현식이 포함된 문자열 값입니다.
설명: