javascript - 获取表格单元格的id

Question

我有一个 html-table，它实际上是一个棋盘。像这样的东西:

<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>

现在我正在尝试制作一个 JQuery 脚本，一旦单击表格(棋盘)中的任意位置，该脚本就会返回单元格 ID(即“A8”、“B6”等)。我已经尝试了很多，但我无法让它发挥作用。

我尝试过的事情之一:

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

})

有人有解决办法吗？

Answer 1

尝试:

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="chessboard">
    <tr>
       <td id="A8">A8</td>
       <td id="B8">B8</td>
       <td id="C8">C8</td>
    <tr>
    <tr>
       <td id="A7">A7</td>
       <td id="B7">B7</td>
       <td id="C7">C7</td>
    <tr>
    <tr>
       <td id="A6">A6</td>
       <td id="B6">B6</td>
       <td id="C6">C6</td>
    <tr>
</table>