<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="../Jquery/jquery-3.3.1/jquery-3.3.1.js"></script>
<script src="../Jquery/jquery-3.3.1/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="box">
<div id="box2">
<div id="box3">
<p id="info">sadadasssasd</p>
<ul>
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
<li class="item-4">4</li>
<li class="item-5">5</li>
<li class="item-6">6</li>
<li class="item-7">7</li>
<li class="item-8">8</li>
<li class="item-9">9</li>
</ul>
</div>
</div>
</div>
<script>
$(function () {
// 查找后面同级列表项,不包括本身(往后找一次)
// console.log($('.item-4').next('li'));
// 查找后面同级所有项,不包括本身
// console.log($('.item-4').nextAll('li'));
// 查找后面所有同级项直到item-8(不包括前项和后项)
// console.log($('.item-4').nextUntil('.item-8'));
// 会全部显示，但永远找不到
// console.log($('.item-4').nextUntil('.item-1'));
// 查找前面同级的列表项,不包括本身(往前找一次)
console.log($('.item-6').prev('li'));
// 查找前面同级所有项,不包括本身
console.log($('.item-7').prevAll('li'));
// 查找后面所有同级项直到.item-1(不包括前项和后项)
console.log($('.item-7').prevUntil('.item-1'));
// 取出所有兄弟姐妹元素（不包括.item-7）
console.log($('.item-7').siblings('li'));
});
</script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
