prev

英 [prɪv]   美 [prɪv]  

[医]预防

until

英 [ənˈtɪl]   美 [ʌnˈtɪl]  

prep.到…为止;在…以前

conj.到…为止，在…以前;直到…才

jquery prevUntil()方法 语法

作用：prevUntil() 方法获得当前匹配元素集合中每个元素的前面的同胞元素，但不包括被选择器、DOM 节点或 jQuery 对象匹配的元素。

语法1：.prevUntil(selector, filter)

参数：

参数描述
selector    可选。字符串值，包含指示在何处停止匹配前方同胞元素的选择器表达式。
filter    可选。字符串值，包含用于匹配元素的选择器表达式。

语法2：.prevUntil(element, filter)

参数：

参数描述
element    可选。指示在何处停止匹配前方同胞元素的 DOM 节点或 jQuery 对象。
filter    可选。字符串值，包含用于匹配元素的选择器表达式。

说明：如果给定一个表示 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>
运行实例 »

点击 "运行实例" 按钮查看在线实例