jquery - 最後のクラスを削除

Question

div をクリックすると、最後のクラス (常に 3 番目) を削除したいと考えています。そのため、下の div をクリックすると、class3 が削除されます。これには、異なるクラス名を付けることができます (ただし、常に「_hover」で終了します)。

これを行う簡単な方法はありますか？

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

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

Answer 1

簡単な方法の 1 つは、最後のクラスを見つけて削除することです。

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

バニラJavaScriptでは、次を使用できます。

class.classList.add('className');

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