jquery - Coffeescript 选择表行的 id

Question

如何使用 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>

CoffeeScript 尝试:

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

感谢您的帮助!

Answer 1

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

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

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

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

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