Coffeescript 选择表格行的id

【问题标题】：Coffeescript select the id of a table rowCoffeescript 选择表格行的id
【发布时间】：2013-10-23 07:03:10
【问题描述】：

如何使用 Coffeescript 提取表格行的 ID？

HTML：

<tbody>
        <tr id="66">
          <td>Meeting</td>
          <td>David Smith</td>
          <td>10/02/2013</td>
          <td>2.0</td>
          <td><button class="add_button" type="button">Add</button></td>
        </tr>
        <tr id="75">
          <td>Add to invoice</td>
          <td>David Smith</td>
          <td>10/22/2013</td>
          <td>0.5</td>
          <td><button class="add_button" type="button">Add</button></td>
        </tr>

咖啡脚本尝试：

$(document).ready ->
  $('.add_button').click ->
  event = $(this).attr('id')
  alert event

感谢您的帮助！

【问题讨论】：

标签： jquery coffeescript

【解决方案1】：

首先，你的缩进是错误的，所以你的点击处理程序是一个空函数，你想说：

$(document).ready ->
  $('.add_button').click ->
    #...

其次，id 属性附加到 <tr>，但您的点击处理程序绑定到 <button>。到达<tr> 的最简单方法是使用closest 走回树上：

$('.add_button').click ->
  event = $(@).closest('tr').attr('id')

演示：http://jsfiddle.net/ambiguous/KsHvB/

【讨论】：

第一次看到$(@)，估计就相当于$(this)吧？
@MrYoshiji：是的，@ 和 this 可以互换。