Javascript 单击时更改按钮的值

我试图更改按钮单击时的颜色。我不知道这段代码有什么问题

paginationContainer.find("li").on('click', function() {

    var linkNumber = $(this).text();

    $(linkNumber).removeClass('active').addClass('inactive');
    $(this).removeClass('inactive').addClass('active');

});

.active {
    background: yellow
}

.inactive {
    background: red
}

---

您需要将类应用于li，而不是文本，还可以使用.toggleClasss（）交换active和inactive的类

---

你在找这样的东西吗

HTML

<button class="clickMe">
Button1
</button>
<button class="clickMe">
Button2
</button>
<button class="clickMe">
Button3
</button>
<button class="clickMe">
Button4
</button>

JS

.clickMe{

  padding:3%;
  background-color:cyan;
  color:white;
}

$('.clickMe').click(function(){
$(this).css('background-color',"green");
});

---

你的html是什么样子的？如果有多个

li

你需要迭代。它将改变基于CSS类的li的背景。从来都不知道

$（这个）。toggleClass（'active-inactive'），太好了+1@gavgrif：我不知道；我不想切换。我想在单击时更改值。例如，如果按钮1点击，它应该是红色的，其余的不应该改变。
$('.clickMe').click(function(){
$(this).css('background-color',"green");
});