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

这是你可以做到的一种方式：我每次点击一个单元格时都会添加一个类，并且不同地插入HTML。然后，我检查td是否有clicked类，以确保每X只创建一个td。

更新了JS Fiddle

Answer 2

我更新了你的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);
    });
});

没有在表单击上选择正确的表格单元格

2 个答案: