我正在制作一个国际象棋网站进行练习,并尝试通过其ID为元素分配变量,然后使用该变量从元素中删除一个类。出于某种原因,当我尝试这个时,我的程序似乎崩溃了。我的html剪辑看起来像这样:
<td class="square light" id="1"></td>
我使用jquery的javascript看起来像这样:
var firstTouch = false;
var startID = 0;
$('.square').click(function(){
if (firstTouch == false){
startID = $(this).attr('id');
alert(startID);
firstTouch = true;
} else {
var startSquare = document.getElementById(startID);
startSquare.removeClass('pawnA');
firstTouch = false;
}
});
我想知道是否有人知道它为什么不起作用。当我在变量startSquare上发出警报时,它会给出:[object HTMLTableCellElement] 所以我猜测它找到了元素,但不幸的是它似乎不想删除这个类。
答案 0 :(得分:1)
因为通过纯JS获取元素并不将startSquare
定义为jQuery对象;用jQuery选择器来做...
$("#"+ startID).removeClass('pawnA');