如果特定选择器具有/没有特定类，则将if / Else语句写入addClass / removeClass

Question

我想在jQuery中编写一个If语句，它将完成以下任务：

如果li.slideNum：首先有一个'active'类，addClass'禁用'到li.prev，否则removeClass'active'来自li.prev。

我有一系列带有导航的幻灯片：上一页| 1 | 2 | 3 | 4 | 5 |下一个。当幻灯片1具有“活动”类时，我想要将“禁用”类添加到“上一个”，当幻灯片5具有“活动”类时，我想要将“禁用”类添加到“下一个”。当然，当幻灯片2-5具有“活动”类时，确保Previous没有“禁用”类，而当幻灯片1-4具有“活动”类时，Next没有“禁用”类。我有其他所有的幻灯片和导航工作，这是它完全正常工作之前的最后一件事。

关于如何做到最好的任何想法？

Answer 1

听起来你正在寻找这个：

$('li.prev').toggleClass('active',$('li.slideNum:first').hasClass('active'));

Answer 2

你几乎做到了，检查prev，next和hasClass：

if($('li.slideNum:first').hasClass('active')){
  $('...').addClass('...');
}else{
  ...
}

Answer 3

您可以维护currentIndex类型值，然后根据该值添加/删除所需的类。

这可以通过以下方式简化：

if(currentIndex === 0) { 
  //disable previous 
}
else if(currentIndex === 4) 
{ 
  //disable next 
}
else 
{ 
  //enable them both 
}