我想在点击时切换元素的类,但看起来 jQuery 只看到元素开始时的类,而不是读取变化。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".red").click(function(){
$(this).addClass("green");
$(this).removeClass("red");
});
$(".green").click(function(){
$(this).addClass("red");
$(this).removeClass("green");
});
});
</script>
<style>
.green {
color: green;
}
.red {
color: red;
}
</style>
</head>
<body>
<p class="green">I should toggle red/green</p>
</body>
</html>
如何在每次单击元素时正确切换元素的类?
最佳答案
你需要使用toggleClass()
$(document).ready(function(){
$(".red, .green").on('click',function(){
$(this).toggleClass("green red");
});
});
关于javascript - 根据类对 <div> 执行操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34319640/