Javascript 重复DIV'；s按钮不起作用

我正在实现一个tic-tac-toe游戏，但有一个特殊的规范，当我按下一个按钮时，它会打开游戏的一个新DIV并禁用旧DIV，按下的按钮必须在两个DIV中都更改，等等，但我这里有一个小问题。 为什么另一个div函数中的按钮不能像第一个一样工作

var c=newnumber（）；
c=0；
i=0；
var name=“xo”+c；
$（文档）.ready（函数（）{
$（“.btn”）。单击（函数（）{
警报（“hi”）；
newDiv=document.createElement（“div”）；
newDiv.className=“xo”；
var$copy=$（“#xo0”）.html（）
document.getElementById（名称）.appendChild（newDiv）；
var allChildNodes=document.getElementById（名称）.getElementsByTagName（'*'）；
对于（var i=0；i
.xo{
字体系列：Arial、Helvetica、无衬线字体；
字体大小：15px；
背景色：#F03；
高度：300px；
宽度：310px；
文本转换：大写；
浮动：左；
}
.btn{
背景色：#0C9；
高度：100px；
宽度：100px；
}



该函数仅将事件处理程序绑定到当前存在的匹配元素。要将处理程序附加到动态添加的元素，可以使用以下方法使用事件委派：

$（document）.on（'click'，'.btn'，function（）{…}）
谢谢你的回答，但是现在我遇到了问题，当我点击新的div a按钮时，原来的div得到了更改，而不是我想要的change@AhmedShaaban不确定您所说的“更改”是什么意思，是否解决了问题。。？如果你在另一个Q中解释你想做什么会更好，因为如果你使用纯jquery，看起来这可以用更少的代码来完成…：）太好了：）只是一个旁注-而不是
document.getElementById（name.getElementsByTagName（'*'）
您可以执行
document.getElementById（name）.childNodes$（'#'+name）.children（）
和query。。