Javascript 自动聚焦 ruby​​ 表元素

Question

我的程序允许用户单击一个按钮，然后表格行通过 ajax 进入表格。我需要的是将焦点放在该行中的文本字段上，以供用户将数据添加到其中。

我的 ajax ruby​​ 代码:

if( $('#effort_<%= @project_task.id %>').length == 0 )
  $('#task_list').prepend('<tr><td><%= @project_task.project.project_number %> <%= @project_task.project.project_name %> - <%= @project_task.task_name %></td>' +
                         '<td><%= text_field :effort, :hours, :name => 'effort_' + @project_task.id.to_s, :id => 'effort_' + @project_task.id.to_s, :size => 20 %></td>' +
                         '<td><%= link_to image_tag('icons/delete.png'), "Delete", :method => :delete, :confirm => "Are you sure?", :remote => :true, :title => "delete row", :class => "delete" %></td></tr>' );

:autofocus => true 不起作用。我的主要问题是让自动对焦在添加的最后一行上工作，也只在添加的行上工作。表格中充满了尚未添加的其他行，因此当用户加载屏幕且未添加任何内容时，自动对焦不应该存在。

这是一项艰巨的任务，我需要指明正确的方向。

更新
添加行时生成的 html:

   <tr>
     <td>S006T  - Project</td>
        <td>
          <input id="effort_5" type="text" size="20" name="effort_5">
        </td>
     <td>
        <a class="delete" title="delete row" rel="nofollow" data-remote="true" data-method="delete" data-confirm="Are you sure?" href="Delete">
        <img src="/images/icons/delete.png?1314715563" alt="Delete">
        </a>
     </td>
   </tr>

Answer 1

在将新行添加到列表之前后，立即对添加的元素调用 jQuery focus():

$('#effort_<%= @project_task.id.to_s %>').focus();