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/