javascript - 导航条点击变色，点击其他的清除其他的变色

Question

<p class="dht">

            <p class="sy" ><a href="index.html"style="color: #ffa500">首页</a></p>
            <p class="lyzxjj"><a href="index1.html">领养中心简介</a></p>
            <p class="gg"><a href="index2.html">公告</a></p>
    </p>
    这是前台

Answer 1

点击会链接到新页面，建议根据url判断

Answer 2

写一个class，里面是点击后的样式，每次点击前清除其他项的这个class，再给自己加上这个class

Answer 3

css
添加一个变色的类

.highlight{
    background-color: yellow;
}

js

$(function(){
     $('.dht p').click(function(){
         $(this).addClass('highlight').siblings().removeClass('highlight');
     })
});

不知道有没有打错字，大概这个思路。