jQuery添加类，然后切换两个类
jQuery添加类，然后切换两个类
提问于 2012-01-09 22:20:21
当第一次单击该按钮时，我需要将类.valid_tick添加到div #valid_div中。
在任何点击之后，它应该切换类，如下面的$('#valid_div').toggleClass('invalid_tick');
现在，我像这样一次显示两个类:(当前代码
$(".validation_hide").slideToggle();
$('#valid_div').toggleClass('invalid_tick');回答 2
Stack Overflow用户
回答已采纳
发布于 2012-01-09 22:25:44
使用.hasClass
$('#valid_div').click(function() {
$div = $(this);
if ($div.hasClass('valid_tick')) {
$div.toggleClass('invalid_tick');
} else {
$div.addClass('valid_tick');
};
});Stack Overflow用户
发布于 2012-01-09 22:38:26
我认为这样做会更容易：
从头开始将'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');
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8789855
复制相关文章
相似问题
腾讯云开发者
