Javascript 使用jquery在单击时在单元格中输入值

Javascript 使用jquery在单击时在单元格中输入值,javascript,jquery,Javascript,Jquery,我想在表格的单元格中输入两个元素数组的替代值。 我是通过以下代码来实现的 var arr= new Array("X","O"); var index=0; $('td').click(function() { if($(this).html()) { alert("Use empty slots"); } else { var i=index % 2;

我想在表格的单元格中输入两个元素数组的替代值。 我是通过以下代码来实现的

var arr= new Array("X","O");  
var index=0;
  $('td').click(function()
    {
        if($(this).html())
        {
            alert("Use empty slots");
        }
        else
        {
            var i=index % 2;
            $(this).html("<b>"+ arr[i] +"</b>");
            index++;
        }
    }
    );
var arr=新数组(“X”、“O”);
var指数=0;
$('td')。单击(函数()
{
if($(this.html())
{
警报(“使用空插槽”);
}
其他的
{
var i=指数%2;
$(this.html(“+arr[i]+”);
索引++;
}
}
);
似乎没有调用click()中的函数。
我的代码有什么问题?

如果您知道表的id或类,请使用此代码

$("#tableId").on("click", "td", function() {
     //your code here
   });

td是动态的吗?您是否已将此
click()
包装到
$(document).ready(function(){…})?尝试使用代理。更改
$('td')。单击(函数(){…})
$(文档).on('click','td',function(){….})是td是动态生成的。您应该使用委托