网页中创建多个按钮式链接，点击其中一个后其余都变色了，应该如何解决？

在网页中创建多个按钮式链接，本来应该是点击之后单个变色，但是现在出现了 点击一个其余全部变色的情况。跪求大佬解决，求原因。

给不同的class设置样式

能把代码贴出来看看吗

那你点击时只给点击的加样式。其余的都移除这个样式

<style>
.button{
    padding:5px;
    margin:0 5xp;
    background:#CCC;
}
.button_on{
    background:#F33;
}
</style>
<a class="button">按钮式1</a> <a class="button">按钮式2</a> <a class="button">按钮式3</a>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
$('.button').click(function(){
    $('.button').removeClass("button_on");
    $(this).addClass("button_on");
})
</script>

img


例子如上，根据自己的需要调整

每个按钮的样式要分开，在按钮的样式里设置点击

img

img