Question

首次点击按钮时，我需要将课程.valid_tick添加到div #valid_div。

任何点击后都应切换课程像这样$('#valid_div').toggleClass('invalid_tick');

现在我像这样起诉，一次显示两个班级:( 现在的代码

$(".validation_hide").slideToggle();
$('#valid_div').toggleClass('invalid_tick');

Answer 1

使用.hasClass：

$('#valid_div').click(function() {
    $div = $(this);
    if ($div.hasClass('valid_tick')) {
        $div.toggleClass('invalid_tick');
    } else {
        $div.addClass('valid_tick');
    };
});

Answer 2

我认为这样做会更容易：

从开头将'invalid_tick'类设置为#valid_div对象：

<div id='valid_div' class='invalid_tick'> .... </div>

JS

$('#valid_div').click(function() {
    $div = $(this);
    $div.toggleClass('valid_tick');
    $div.toggleClass('invalid_tick');
});

如果你从一开始就没有'invalid_tick'，我会选择：

$('#valid_div').click(function() {
    $div = $(this);
    if (!$div.hasClass('valid_tick')) {
        $div.addClass('valid_tick');
    }
    else {
        $div.toggleClass('valid_tick');
        $div.toggleClass('invalid_tick');
    }
});

jQuery添加类然后切换两个类

2 个答案: