jquery - 删除最后一课

Question

单击 div 时，我想删除它的最后一个类（始终是第三个）。因此，当单击下面的 div 时，我希望删除 class3，它可以有不同的类名（但总是以 '_hover' 结尾）。

有没有一种简单的方法可以做到这一点？

<div id="container" class="class1 class2 class3">

$('#container').on('click', function() {
    $(this).removeClass(?);
}

Answer 1

一种简单的方法是找到最后一个类，然后将其删除：

var lastClass = $('#container').attr('class').split(' ').pop();
$(this).removeClass(lastClass);

在 vanillaJavaScript中，您可以使用：

class.classList.add('className');

// or
 
class.classList.remove('className');