这是我的代码。我想使用 addClass
切换类,出于某些原因我不想使用 toggleClass
。我面临的问题是添加了名为 selected
的 css 类,但它没有被 not_selected
替换。isSelected=0
仅表示 td
是否被选中。
<script type="text/javascript">
var isSelected = 0;
$("td").click(function(){
if(isSelected==0)
{
$(this).removeClass('not_selected');
$(this).addClass('selected');
isSelected=1;
}
});
$("td").click(function(){
if(isSelected==1)
{
$(this).removeClass('selected');
$(this).addClass('not_selected');
isSelected=0;
}
});
下面是我的 css
代码:
.selected
{
background: black;
color:white;
font-weight: bold;
}
.not_selected
{
background: white;
color:black;
font-weight: normal;
}
最佳答案
尝试将两者压缩成一个函数。 可能 保证(感谢 Barmar!)一个处理程序先于另一个处理程序运行,然后自动将其切换回不需要的处理程序。这样一来,它将检查 isSelected==0
和 isSelected==1
。
$("td").click(function(){
if(isSelected==0)
{
$(this).removeClass('not_selected');
$(this).addClass('selected');
isSelected=1;
} else if(isSelected==1)
{
$(this).removeClass('selected');
$(this).addClass('not_selected');
isSelected=0;
}
});
关于jquery - addClass 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19757959/