jquery prevUntil()方法
翻译结果:
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>
点击 "运行实例" 按钮查看在线实例