jquery - jquery change class of a div on click

Question

I have a div, with a specific class.

When one clicks the div, I want its class to change to a something else.

Is it because there is no .class or .parent.

$(".mapexpand").click(function() {
    $(this).parent().class('.mapcollapse');
});

Answer 1

$(".mapexpand").click(function() {
    $(this).attr('class', 'mapcollapse');
});

Answer 2

$(".mapexpand").click(function() {
    $(this).attr('class', 'mapcollapse');
})

Answer 3

$(".mapexpand").click(function() {
    $(this).parent().removeClass().addClass('mapcollapse');
});

Answer 4

$(".mapexpand").click(function() {
$(this).parent().toggleClass('mapcollapse');
});

Answer 5

Use addClass and removeClass functions

$(".mapexpand").click(function() {
   $(this).removeClass("mapexpand").addClass("newClass");
});

This one removes your current class and adds a new one

Answer 6

In response to your comments above, here is the correct function.

$(".mapexpand").click(function() {
    $(this).attr('class', 'mapcollapse');
    if($(this).type()=="div") {
        // do more stuff
    }
});