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/

Coffeescript选择表行的id

1 个答案: