我有以下 css 和 jquery 代码来尝试在单击 ul 中的文本时更改文本颜色。如果当前文本颜色是#d49a9a,我想将其改回#c2c0c0,反之亦然。
.navContainer ul{
left: 10px;
top: 20px;
position: absolute;
color: #c2c0c0;
font-family: 'Terminal Dosis';
font-weight: 200;
font-size: 20pt;
list-style-type: none;
line-height: 50px;
}
.navContainer a {
text-decoration: none;
color: #c2c0c0;
}
.navContainer {
left: 150px;
top: 150px;
position: absolute;
}
编辑 --- 这是我的 html
<head>
...some code
<script type="text/javascript">
$("#navContainer li").click( function() {
$("#navContainer li").css("color", "#d49a9a");
$(this).css("color", "#c2c0c0");
});
</script>
</head>
<div class="navContainer">
<ul>
<li class="navText">Work</li>
<li class="navText"><a href="#">Blog</a></li>
<li class="navText">About</li>
<li class="navText">Contact</li>
</ul>
</div>
请你告诉我我做错了什么。
最佳答案
好的,我知道发生了什么。最初你有错误的标签,但目前你需要使用 $(".navContainer li")
而不是 $("#navContainer li")
因为 navContainer 是一个类而不是身份证。我一起制作了一个演示,应该可以让您开始。
关于jquery - 单击jquery更改文本颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7327459/