jquery在点击时更改div的类

Question

我有一个div，有一个特定的类。

当单击div时，我希望其类更改为其他内容。

是因为没有.class或.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

使用addClass和removeClass函数

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

这个删除你当前的类并添加一个新的

Answer 6

回应上面的评论，这是正确的功能。

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