<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>筛选器</title>
</head>
<body>
<div class="div1">hello1
<div class="div2">hello2
<div class="div3" id="test">hello3</div>
</div>
<div class="div3">hello33</div>
</div>
<div class="div4">hello4</div>
<div class="div5">hello5</div>
<div class="div6">hello6</div>
<div class="div7">hello7</div>
</body>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
//$(".div1").children(".div3").css("color","red") //查找的是div1的子代
//$(".div1").find(".div3").css("color","red") //查找的是div1的所有的后代
//$(".div1").next().css("color","red")//毗邻的下一个
//$(".div1").nextAll().css("color","red") //毗邻的剩余的所有的
//$(".div1").nextUntil(".div5").css("color","red") //知道第x个不包含本身
//$(".div4").prev().css("color","red")//div4前面的所有的
//$(".div2").parent().css("color","red")//parent是包含了父辈的所有的后代
//$("#test").parent().css("color","red")//parent是包含了父辈的所有的后代
//$(".div2").parents().css("color","red") //父代的父代下的所有子代
//$("#test").parentUntil(".div1").css("color","red") //父代的父代下的所有子代
$(".div2").siblings().css("color","red")//div2下的子代
</script>
</html>
Processed:
0.031, SQL:
8
