Php 如果在li中使用多个类，如何删除li类

HTML代码

echo  "<ul id='sub'>";
if($Set == null){ 
echo '<li class="BlankSeat" ></li>';
}

$('li').click(function(e) {
var $this = $(this);

单击其中一个时，我正在添加类的第一部分

if($(this).hasClass('pink')|| $(this).hasClass('yellow') || 
$(this).hasClass('orange'))
{
$(this).addClass('Booked').removeClass('pink','yellow','orange');
}

在这里，我想删除只单击其中一个的预订类

else
{
$(this).addClass('pink').removeClass('Booked');
$(this).addClass('yellow').removeClass('Booked');
$(this).addClass('orange').removeClass('Booked');
}}

用这个

$(this).addClass('Booked').removeClass('pink yellow orange');

编辑：

下面是我评论的示例JS

if($(this).hasClass('pink') || 
   $(this).hasClass('yellow') || 
   $(this).hasClass('orange')) {
    $(this).addClass('Booked');
} else if($(this).hasClass('Booked')) {
    $(this).removeClass('Booked');
}

.Booked {
    background-color: blue !important; // whatever style your .Booked should have
}

下面是我评论的CSS示例

if($(this).hasClass('pink') || 
   $(this).hasClass('yellow') || 
   $(this).hasClass('orange')) {
    $(this).addClass('Booked');
} else if($(this).hasClass('Booked')) {
    $(this).removeClass('Booked');
}

.Booked {
    background-color: blue !important; // whatever style your .Booked should have
}

试试这个：

$（文档）。在（“单击”、“li”上，函数（e）{
if（$（this）.hasClass（'pink'）| |$（this）.hasClass（'yellow'）| |$（this）.hasClass（'orange'））{
$（此）.toggleClass（“预订”）
console.log（$（this.attr（“类”））
}
})

.pink{
背景颜色：粉红色；
}
黄先生{
背景颜色：黄色；
}
.橙色{
背景颜色：橙色；
}
.预订{
背景色：红色；
}

第3项
第3项
第3项
第4项
第5项

可能重复@CarstenLøvboAndersen先生的第一部分是可以的。但是在其他部分，当预订的课程处于活动状态时，现在当我再次单击预订时，应该添加相同的课程，最后一次更改请包括所有相关代码，（html）否则很难帮助you@CarstenLøvboAndersen先生。检查我的html代码第一部分是可以的。但是在其他部分，当预订的类处于活动状态时，现在当我再次单击预订时，应添加相同的类，之后应添加上次更改的类。如果要恢复以前的类，可以执行以下操作：单击添加预订的类，但不要删除粉色-黄色-橙色。现在。预订者应该使用

样式！重要样式在上面添加了一个示例不工作，先生。当我再次单击预定的类时，它会更改类橙色仅更新答案，希望它能帮助解决部分不工作的问题，先生。。将类别更改为仅橙色您希望如何精确添加3个类别颜色？很明显，只工作最后一类颜色。请告诉我们你到底需要什么帮助。