最新的Web开发教程
 

jQuery prevUntil() Method

<jQuery的遍历方法

返回之间的所有兄弟元素2 <li>与类名的元素"start""stop"

$(document).ready(function(){
    $("li.start").prevUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});

结果:

    ul (parent)
  • li (sibling with class name "stop")
  • li (sibling)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)
试一试»

定义和用法

prevUntil()方法返回选择器之间的所有先前的同级元素。

兄弟元素是共享同一个父元素。

DOM树:此方法沿DOM元素的兄弟姐妹向后移动。

注意:如果两个参数都是空的,此方法将返回所有以前同级元素(同prevAll()方法)。

相关的方法:

  • prev() -返回所选元素的前一个兄弟元素
  • prevAll() -返回所选元素之前的所有同级元素

句法

$(selector).prevUntil( stop,filter )

参数 描述
stop 可选的。 选择器表达式,元素或jQuery对象,指示在何处停止前一个匹配的兄弟姐妹元素搜索
filter 可选的。 指定选择器表达式来缩小搜索的选择之间的兄弟元素停止

注意:要返回多个兄弟姐妹,每个表达式用逗号分隔。

试一试 - 示例

缩小搜索范围
同时使用参数来筛选两个参数之间以前的兄弟元素搜索。

返回多个兄弟姐妹
如何返回两个参数之间的多个同级元素。

DOM
使用DOM元素,而不是一个选择器的返回两个参数之间的兄弟元素。

使用DOM与这两个参数
使用DOM元素,而不是一个选择器和两个参数来筛选两个参数之间的前一个同级的搜索。


<jQuery的遍历方法