我有一个 html 页面。这是代码:
<script src="jquery-1.10.1.min.js"></script>
<script>
$('document').ready(function(){
$(".class-1").click(function(){
id=this.id;
alert(id);
$("#"+id).removeClass("class-1");
$("#"+id).addClass("class-2");
});
});
</script>
<style>
.class-1{color:red;}
.class-2{color:blue;}
</style>
<div class="class-1" id="id-1">sth</div>
当我第一次单击 div 时,页面会提醒 id,并且类和颜色会发生变化。
问题:当我第二次和第三次点击它时,它会再次提醒 id,但它不应该。因为班级变了。那么问题是什么?