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>但您的点击处理程序绑定到<button>. 到达树的最简单方法<tr>是使用closest走回树：

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

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