Question

我的页面上有一个按钮列表。我正在尝试制作一个功能，以便当您单击某个按钮时，它会被选中（我将更改其颜色），最后一次单击的按钮将恢复正常。

我能想出来的唯一想法（基于我的新技能）是制作一个javascript函数，它将迭代页面中的所有按钮，并将每个按钮的颜色更改为默认颜色，然后更改单击按钮的颜色。

这种方式似乎不是最佳的，因为当我只需要更改两个按钮时，我会遍历整个按钮列表。我怎样才能以更好的方式做到这一点？

我不是在寻找代码，只是一个想法。

Answer 1

使用jQuery。

$('.btn').on("click", function() { 
       $('.active').removeClass("active");
       $(this).addClass("active");
    });

将您希望此功能的所有按钮提供给“btn”css类，然后创建另一个名为active的css类。

Answer 2

您可以将类添加到更改按钮

$('#someid').addClass('someclass');

然后检查按钮是否有类

$('#someid').hasClass(className);

<强> UPD

这也应该有用

$('.classForAllButtons').css(/*css here*/);
$('clicked element').css(/*css here*/);

这将为所有按钮添加样式，然后立即将css添加到单击的按钮