javascript - 使用javascript更改文本（链接）颜色onclick

Question

我不能用js改变文本的颜色。显示和隐藏 div 标签效果很好，但颜色无法更改。顺便说一句，在我的 css 文件中，这些链接没有样式。

HTML：

    <ul>
    <li id="web_link"><a href="#">WEB</a></li>
    <li id="design_link"><a href="#">DESIGN</a></li>
    <li id="photo_link"><a href="#">PHOTO</a></li>
    </ul>

<div id="web_proekti">
 Some elements
</div>

<div id="design_proekti">
Some elements 
</div>  

<div id="photo_proekti">
Some elements 
</div>

Javascript 文件：

$('#web_link').click(function()
{
    $('#web_proekti').show();
    $('#design_proekti').hide();
    $('#photo_proekti').hide();
    $('#design_link').css('color','#999');
    $('#photo_link').css('color','#999');

}
);

$('#design_link').click(function()
{
    $('#design_proekti').show();
    $('#web_proekti').hide();
    $('#photo_proekti').hide();
    $('#web_link').css('color','#999');
    $('#photo_link').css('color','#999');

}
);

$('#photo_link').click(function()
{
    $('#photo_proekti').show();
    $('#design_proekti').hide();
    $('#web_proekti').hide();
    $('#design_link').css('color','#999');
    $('#web_link').css('color','#999');

}
);

Answer 1

您正在更改 的颜色<li>，但不是链接颜色。

要更改 的颜色<a>，请尝试

 $('#photo_link a').css('color','#999');

代替

 $('#photo_link').css('color','#999');

Answer 2

您必须通过在 js 中的父 id 之后添加一个简单的标签来更改<a>标签本身的颜色：a

$('#web_link').click(function()
{
    $('#web_proekti').show();
    $('#design_proekti').hide();
    $('#photo_proekti').hide();
    $('#design_link a').css('color','#999');
    $('#photo_link a').css('color','#999');

}
);

$('#design_link').click(function()
{
    $('#design_proekti').show();
    $('#web_proekti').hide();
    $('#photo_proekti').hide();
    $('#web_link a').css('color','#999');
    $('#photo_link a').css('color','#999');

}
);

$('#photo_link').click(function()
{
    $('#photo_proekti').show();
    $('#design_proekti').hide();
    $('#web_proekti').hide();
    $('#design_link a').css('color','#999');
    $('#web_link a').css('color','#999');

}
);