如何使用jQuery將表格中的每個單元格點擊？

Question

我搜索了周圍，但我無法找到我的問題的答案。我正在嘗試爲學校項目創建一個tic tac toe遊戲。我使用HTML創建了一個包含3行和3列的表格，並且我試圖使它在單擊每個單元格時出現x。有任何想法嗎？

Answer 1

使用jQuery？

$("table td").click(function() { 
    $(this).html("x"); 
}); 

Answer 2

我會在桌子上放一個ID，然後從那裏用jQuery選擇。

HTML：

<table id="ticTac"> 
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr> 
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr> 
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr> 
</table> 

CSS：

#ticTac tr td { 
    border: 1px solid black; 
} 
#ticTac tr td { 
    padding: 20px; 
} 

的Javascript：

$(document).ready(function() { 
    $("#ticTac tr td").click(function() { 
     $(this).html("x"); 
    }); 
}); 

JS小提琴：https://jsfiddle.net/opL45vLr/