jquerycssremoveclass

Remove last class

When clicking on a div I want to remove the last of it's classes (which is always the third). So, when clicking on the div below I want class3 to be removed, which can have different class names (but always ends with '_hover').

Is there an easy way of doing this?

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

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

  • One simple way would be to find the last class, then remove it:

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

    In vanilla JavaScript, you can use:

    class.classList.add('className');

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