Javascript 在查看菜单项的div时尝试将其设置为粉红色

我有一个使div滑入其上方的链接列表，这是我使用在此处找到的脚本制作的：

我希望链接在单击时更改颜色，以便用户可以清楚地看到它们所在的位置。我想做一些类似的事情：

<li><a href="#promo" onclick="this.style.color='green'; return false;">Promo Package</a></li>

---

除了在单击其他链接时将颜色更改回其原始颜色之外。当然，外部也会更好。

我会在列表中使用单击侦听器：

$('ul').on('click', 'a', function() {
    $('ul a').css('color', '#000000'); // set all links to black;
    $(this).css('color', '#00FF00'); // set curent link to green;
    return false;
});

---

为什么不改用CSS样式呢

如果您有jQuery：

<li><a href="#promo" class="link_black">Promo Package</a></li>


jQuery(document).ready(function(){
    jQuery('.link_black').click(function(){
        jQuery(".link_green").removeClass('link_green');
        jQuery(this).addClass('link_green');
    });
});


<style>
.link_black{
    color : black;
}
a.link_black{
    color : green;
}
</style>

<li><a href="#promo" class="link_black" onclick="clickedGreenLink(this)">Promo Package</a></li>

<script>
function clickedGreenLink(obj){
   if (window.currentGreenLink!=undefined){
      window.currentGreenLink.class=window.currentGreenLink.class.replace('link_green','');
   }
   window.currentGreenLink=obj;
   window.currentGreenLink.class+='link_green';
}
</script>

jQuery（文档）.ready（函数（）{
jQuery（'.link_black'）。单击（函数（）{
jQuery（“.link_green”）.removeClass（'link_green'）；
jQuery（this.addClass（'link_green'）；
});
});
.link_black{
颜色：黑色；
}
a、 黑色链接{
颜色：绿色；
}

如果不使用jQuery：

<li><a href="#promo" class="link_black">Promo Package</a></li>


jQuery(document).ready(function(){
    jQuery('.link_black').click(function(){
        jQuery(".link_green").removeClass('link_green');
        jQuery(this).addClass('link_green');
    });
});


<style>
.link_black{
    color : black;
}
a.link_black{
    color : green;
}
</style>

<li><a href="#promo" class="link_black" onclick="clickedGreenLink(this)">Promo Package</a></li>

<script>
function clickedGreenLink(obj){
   if (window.currentGreenLink!=undefined){
      window.currentGreenLink.class=window.currentGreenLink.class.replace('link_green','');
   }
   window.currentGreenLink=obj;
   window.currentGreenLink.class+='link_green';
}
</script>

功能单击绿色链接（obj）{
if（window.currentGreenLink！=未定义）{
window.currentGreenLink.class=window.currentGreenLink.class.replace（'link\u green'，''）；
}
window.currentGreenLink=obj；
window.currentGreenLink.class+='link_green'；
}

---

这应该行得通

在哪里可以找到我的评论格式？我想发布代码，但是

code

对我来说没有意义。我试过你那家伙的两个建议，但都没用。谢谢@user1466859您还没有发布您的代码（“下面的”什么？），但它确实可以自己工作。检查这里：我让它工作了！太棒了，谢谢大家！（尽管lol，我还是不明白

code

的意思）