javascript - 轨道 3 jQuery : How to alert id of td

Question

我有一个 3x3 的 td 表，每个表都有 id (id='a1'...id='c3')。我希望能够点击 9 个 td 中的任何一个并提醒那个 td 的 id。

这是我的 Coffeescript(在 Assets 管道中)

$(document).ready ->
$("td").click ->
    alert(#I would like to alert the id of whichever of the 9 td cell's have been clicked on)

这是我的 index.html.erb

<table>
 <tbody>
  <tr>
   <td id='a1'>A1</td>
   <td id='b1'>B1</td>
   <td id='c1'>C1</td>
  </tr>

  <tr>
   <td id='a2'>A2</td>
   <td id='b2'>B2</td>
   <td id='c2'>C2</td>
  </tr>

  <tr>
   <td id='a3'>A3</td>
   <td id='b3'>B3</td>
   <td id='c3'>C3</td>
  </tr>
 </tbody>
</table>

我不擅长 JS，所以非常感谢您的帮助!

Answer 1

$('td').click: (e)->
  alert $(@).id

在 CoffeeScript 中相同

此外，使用 data-* 属性可以很容易地使用 html 元素存储用户数据，例如:

<td data-id="42"></td>

使用 jQuery 很容易获得这个 ID data方法如下:

var id = $('td').data('id');