javascript - 一次性转换所有类

Question

我有四个类 show、hide1、hide2 和 hide3。我想更改每个类并将其替换为旁边的类。换句话说，我的 jQuery 代码看起来像这样......

$(".show").removeClass("show").addClass("hide1");
$(".hide1").removeClass("hide1").addClass("hide2");
$(".hide2").removeClass("hide2").addClass("hide3");
$(".hide3").removeClass("hide3").addClass("show");

问题是这四个类最终都具有 show 类，这不是我想要的。我只想将 show 的类转换为 hide1，hide1 转换为 hide2，等等。我该如何编写代码，以便这四行同时发生，而不是一次发生一行？

Answer 1

只需先选择每个组，然后更改:

// read
var $show = $('.show');
var $hide1 = $('.hide1');
var $hide2 = $('.hide2');
var $hide3 = $('.hide3');

// write
$show.removeClass('show').addClass('hide1');
$hide1.removeClass('hide1').addClass('hide2');
$hide2.removeClass('hide2').addClass('hide3');
$hide3.removeClass('hide3').addClass('show');