老师看看这个
来源：2-9 编程练习
慕标5156652
2020-08-09 10:50:42
老师我还发现了一个问题 就是在这节其他同学提交的代码有问题：第二点要求是通过div元素来设置最后一个p元素为绿色 好多人都是这样写$("div~p").css("color", "green");你不觉得的有问题这样写的意思不是所有兄弟元素p都设置为绿色？只是第三点要求通过div元素找到相邻的p元素设置为黄色把这样写$("div~p").css("color", "green");给覆盖了
我觉得第二点要求应该这样写$("div~p").last().css("color", "green");
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>我是div元素前面的第一个p</p>
<div>我是div元素</div>
<p>div后面的第一个p</p>
<ul class="demo">
<li>
<a href="#">前端</a>
<ul>
<li><a href="#">jQuery</a></li>
<li><a href="#">JavaScript</a></li>
<li class="visited"><a href="#">html</a></li>
<li><a href="#">css</a></li>
</ul>
</li>
<li>
<a href="#">后端</a>
<ul>
<li><a href="#">PHP</a></li>
<li><a href="#">Java</a></li>
<li><a href="#">SpringBoot</a></li>
<li><a href="#">Python</a></li>
</ul>
</li>
</ul>
<p>最后一个p元素</p>
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<script>
/*此处写代码*/
$(document).ready(function(){
$("div").css("color", "orange");
$("div~p").last().css("color", "green");
$("div+p").css("color", "yellow");
$(".demo li a").css("color","red");
$(".demo li ul li a").css("color","pink");
})
</script>
</body>
</html>
1回答
-
好帮手慕慕子
2020-08-09
同学你好，代码实现是正确的。
同学的这种写法$("div~p").last().css("color", "green");确实会更加严谨，但是编程是很灵活的，一种效果可以多种实现效果，所以其他同学$("div~p").css("color", "green");实现效果也不算错哦。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
