未在表格中选择正确的表格单元格

Question

我正在尝试构建一个表格，点击时单击该单元格上会出现一个X.这是我的JSFiddle。 不幸的是，程序总是选择我表格中的第一个单元格。我在这里做错了什么？

的jQuery：

function addltr() 
{ 
    var data = "#" + $('#board td').attr('id'); 
    alert (data); 
    $(data).html("X");   
} 
$(document).ready(function(){ 
    $("#board td").click(function() { 
     addltr(); 
    }); 
}); 

感谢

Answer 1

我已经更新您的jsfiddle：http://jsfiddle.net/67cmjL57/1/

只是简单地通过

Event.target.id 

工作代码将元素：

function addltr (name){ 
    var data = "#" + name; 
    alert (data); 
    $(data).html("X");   
    } 

$(document).ready(function(){ 
    $("#board").click(function(event) { 
     addltr(event.target.id); 
    }); 
}); 

Answer 2

这里是你可以做这件事：我每次被点击单元格时添加一个类，并插入HTML小有一点不同。然后我检查td没有类clicked以确保只为每个td创建了1 X。

更新JS Fiddle