第1关:jQuery——遍历DOM元素的祖先元素
任务描述
本关任务:用 jQuery 遍历 DOM 的祖先元素。效果如下:
参考答案
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<style>
.container{
width: 300px;
margin: 30px auto;
border: 2px solid #000;
}
.item{
font-size: 60px;
text-align: center;
color: red;
}
</style>
</head>
<body>
<div class="container">
<p class="item">
404
</p>
</div>
<script>
$(function(){
//------------ Begin -----------
$(".item").parent().css("background","#fff");
$(".item").parents().css("background","#ccc");
//------------ End --------------
})
</script>
</body>
</html>
第2关:jQuery——遍历DOM元素的后代元素
任务描述
本关任务&#x