jquery - 使用删除和添加类进行切换

$('#x').click(function(){
  $('#x').removeClass('linex').addClass('line');
})

.line {
color: red;
}

.linex {
color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='x' class='max linex'>line</div>

在这里的代码中，当我单击div时，我将类转换为line(red)，但是我希望它是可逆的，因此当我在line中再次单击该类时，它将再次转换为linex(blue)

最佳答案

将您的js更改为：

$('#x').click(function(){
  $('#x').toggleClass('line linex');
});