<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/jquery-3.5.1.js"></script>
<script>
//向后查找兄弟元素
//.nextUntil()
$(function () {
$("#sel").nextUntil("#end").css("color","blue");
});
/*
在jQuery中，对于向后查找兄弟元素，有3种方法
.next()
.nextAll()
.nextUntil()
$("#sel").nextUntil("#end")，表示以id=sel的元素为基点，
向后找到id=end的兄弟元素，然后选取这个范围之间所有的兄弟元素。
两组方法很相似，加深记忆
向前查找兄弟元素：prev(),prevAll，prevUntil。
向后查找兄弟元素：next(),nextAll，nextUntil。
*/
</script>
</head>
<body>
<ul>
<li>红：red</li>
<li>橙：orange</li>
<li>黄：yellow</li>
<li id="sel">绿：green</li>
<li>青：cyan</li>
<li>蓝：blue</li>
<li id="end">紫：purple</li>
</ul>
</body>
</html>
扫一扫
1451
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
