Javascript 单击表格时未选择正确的表格单元格

我正在尝试构建一个表，单击该表时，被单击的单元格上将显示一个X。这是我的名片。 不幸的是，程序总是选择表中的第一个单元格。我做错了什么

jQuery：

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

---

谢谢

有一种方法可以做到这一点：每次单击单元格时，我都会添加一个类，并以不同的方式插入HTML。然后我检查

td

是否没有单击类

，以确保每个

td

只创建1个

X

---

已更新

我已更新您的JSFIDLE:

只需通过

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);
    });
});

---

谢谢你，伙计，我只是把它变成了一个功能，有更多的组织，但这超出了我的需要。再一次，非常感谢。@HarshulSahni很高兴听到：）