Javascript 获取表单元格的id

我有一个html表格，实际上是一个棋盘。比如：

<table id="chessboard">
    <tr>
       <td id="A8"></td>
       <td id="B8"></td>
       <td id="C8"></td>
    <tr>
    <tr>
       <td id="A7"></td>
       <td id="B7"></td>
       <td id="C7"></td>
    <tr>
    <tr>
       <td id="A6"></td>
       <td id="B6"></td>
       <td id="C6"></td>
    <tr>
</table>

有人找到解决方案了吗？

试试：

$（“#棋盘td”）。在（“单击”，函数（单元格）{
警报（this.id）；
})

A8
B8
C8
A7
B7
C7
A6
B6
C6

试试：

$（“#棋盘td”）。在（“单击”，函数（单元格）{
警报（this.id）；
})

A8
B8
C8
A7
B7
C7
A6
B6
C6

试试：

$（“#棋盘td”）。在（“单击”，函数（单元格）{
警报（this.id）；
})

A8
B8
C8
A7
B7
C7
A6
B6
C6

试试：

$（“#棋盘td”）。在（“单击”，函数（单元格）{
警报（this.id）；
})

A8
B8
C8
A7
B7
C7
A6
B6
C6

试试像

    $('#chessboard').click(function() {
    alert($(this).attr('id'));
});

“这个”很有魅力

另外，不要忘记在文档中的某个地方引用jquery脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

试试像

    $('#chessboard').click(function() {
    alert($(this).attr('id'));
});

“这个”很有魅力

另外，不要忘记在文档中的某个地方引用jquery脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

试试像

    $('#chessboard').click(function() {
    alert($(this).attr('id'));
});

“这个”很有魅力

另外，不要忘记在文档中的某个地方引用jquery脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

试试像

    $('#chessboard').click(function() {
    alert($(this).attr('id'));
});

“这个”很有魅力

另外，不要忘记在文档中的某个地方引用jquery脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

---

单元格。在本例中，target

指调度事件的DOM元素。DOM元素没有

.attr（）

方法，即jQuery对象方法

要使用它，首先需要在jQuery对象中包装DOM元素：

$("#chessboard").on("click", function(e){
    $cell = $(e.target);
    alert($cell.attr('id'));
});

---

挑剔：调用

事件

相关内容，而不是

单元格

。稍后会让您感到困惑。

cell.target在本例中是指调度事件的DOM元素。DOM元素没有
.attr（）
方法，即jQuery对象方法

要使用它，首先需要在jQuery对象中包装DOM元素：

$("#chessboard").on("click", function(e){
    $cell = $(e.target);
    alert($cell.attr('id'));
});

挑剔：调用
事件
相关内容，而不是
单元格
。稍后会让您感到困惑。
cell.target在本例中是指调度事件的DOM元素。DOM元素没有
.attr（）
方法，即jQuery对象方法

要使用它，首先需要在jQuery对象中包装DOM元素：

$("#chessboard").on("click", function(e){
    $cell = $(e.target);
    alert($cell.attr('id'));
});

挑剔：调用
事件
相关内容，而不是
单元格
。稍后会让您感到困惑。
cell.target在本例中是指调度事件的DOM元素。DOM元素没有
.attr（）
方法，即jQuery对象方法

要使用它，首先需要在jQuery对象中包装DOM元素：

$("#chessboard").on("click", function(e){
    $cell = $(e.target);
    alert($cell.attr('id'));
});

挑剔：调用
事件
相关内容，而不是
单元格
。这只会让你以后感到困惑。
试试这个伴侣

  $("#chessboard tr").on("click","td", function(cell){
        alert(this.id);
    })

这是一个例子，试试这个伴侣

  $("#chessboard tr").on("click","td", function(cell){
        alert(this.id);
    })

这是一个例子，试试这个伴侣

  $("#chessboard tr").on("click","td", function(cell){
        alert(this.id);
    })

这是一个例子，试试这个伴侣

  $("#chessboard tr").on("click","td", function(cell){
        alert(this.id);
    })

这是
上的示例，感谢您的回复。我知道答案了

这起到了作用：

$("#chessboard td").on("click", function(cell){
    alert(this.id);
})

谢谢你的回复。我知道答案了

这起到了作用：

$("#chessboard td").on("click", function(cell){
    alert(this.id);
})

谢谢你的回复。我知道答案了

这起到了作用：

$("#chessboard td").on("click", function(cell){
    alert(this.id);
})

谢谢你的回复。我知道答案了

这起到了作用：

$("#chessboard td").on("click", function(cell){
    alert(this.id);
})

为什么要编写
警报（cell.target.attr（“id”）
？您希望代码做什么？为什么要编写
警报（cell.target）.attr（“id”）
？您希望代码做什么？为什么要编写
警报（cell.target）.attr（“id”）
？您希望代码做什么？为什么要编写
警报（cell.target）.attr（“id”）
？您希望代码做什么？缺少事件委派也可能是一个问题。@FrédéricHamidi-为什么这里需要事件委派？本身不需要，但问题中的代码确实使用委派，尽管没有明确的选择器，因此，如果表是动态填充的，那么答案中的代码可能会有不同的行为。缺少事件委派也可能是一个问题。@FrédéricHamidi-为什么这里需要事件委派？本身不需要，但问题中的代码确实使用委派，尽管没有显式选择器，因此，如果表是动态填充的，那么答案中的代码可能会有不同的行为。缺少事件委派也可能是一个问题。@FrédéricHamidi-为什么这里需要事件委派？本身不需要，但问题中的代码确实使用委派，尽管没有显式选择器，因此，如果表是动态填充的，那么答案中的代码可能会有不同的行为。缺少事件委派也可能是一个问题。@FrédéricHamidi-为什么这里需要事件委派？本身不需要，但问题中的代码确实使用委派，尽管没有显式选择器，因此，如果表是动态填充的，那么答案中的代码可能会有不同的行为。这只是表单击，不完全是td元素，这只是表单击，不完全是td元素，这只是表单击，不完全是td元素，这只是表单击，不完全是td元素，