クリックしたときのボタンの値の変更

Question

クリックするとボタンの色を変更しようとしています。このコードで何が間違っているのか分かりません。また、あなたは（）.toggleClasssを使用して、アクティブおよび非アクティブのクラスをSWAPTすることができ、テキストではなく -

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にクラスを適用する必要があります。

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