购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery prevUntil() 方法

jQuery prevUntil() 方法
prevUntil() 方法返回 selector 与 stop 之间的每个元素之前的所有同级元素。
编辑:蹊下 蹊下 更新时间:2019-03-02 15:30:45

jQuery prevUntil() 方法

定义和用法

prevUntil() 方法返回 selector 与 stop 之间的每个元素之前的所有同级元素。

同级元素是共享相同父元素的元素。

DOM 树:该方法沿着 DOM 元素的同级元素向后遍历。

注意:如果两个参数都为空,该方法将返回元素之前的所有同级元素(与 prevAll() 方法相同)。

相关方法:

prev() : 返回被选元素的前一个同级元素

prevAll() : 返回被选元素之前的所有同级元素

语法

$(selector).prevUntil(stop,filter)
参数描述
stop 可选,表示在哪里停止搜索元素之前匹配的同级元素的选择器表达式、元素、jQuery 对象。    
filter 

可选。规定缩小搜索介于 selector 与 stop 之间的同级元素范围的选择器表达式

注意:如需返回多个同级元素,请使用逗号分隔每个表达式。    

实例

<style>
.siblings *{ 
	display: block;
	border: 2px solid lightgrey;
	color: lightgrey;
	padding: 5px;
	margin: 15px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("li.start").prevUntil("li.stop").css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>

<div style="width:500px;" class="siblings">
	<ul>ul (父节点)  
		<li class="stop">li (类名为"stop"的兄弟节点)</li>
		<li>li (类名为"start"的li节点的上一个兄弟节点)</li>
		<li>li (类名为"start"的li节点的上一个兄弟节点)</li>
		<li>li (类名为"start"的li节点的上一个兄弟节点)</li>
		<li class="start">li (类名为"start"的li节点)</li>
		<li>li (兄弟节点)</li>
		<li>li (兄弟节点)</li>
	</ul>   
</div>

运行实例 »

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

效果图:

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号