Question

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

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
}

Answer 1

您需要将类应用于li - 而不是文本。您还可以使用.toggleClasss（）来交换活动和非活动的类。

paginationContainer.find("li").on('click', function(){
   $(this).toggleClass('active inactive');
});

Answer 2

你正在寻找像这样的东西

<强> HTML

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

<强> CSS

.clickMe{

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

<强> JS

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

Working Fiddle

单击时更改按钮的值

2 个答案: