Rails 3：使用 .js.erb 文件提交表单后，javascript 更新单个 div

Question

您好，我是使用带有 rails 的 javascript 的新手，希望能得到一些帮助。我有一个喜欢按钮，我用来喜欢和不喜欢帖子。

home.html:

<%= form_for(current_user.appreciations.
                          build(:liked_id => post.id),
                          :remote => true) do |f| %>
 <div><%= f.hidden_field :liked_id %></div>
 <div class="actions"><%= f.submit "Like" %></div>
<% end %>

在帖子被点赞后，我使用 js.erb 文件来呈现不同的表单。

create.js.erb：

$("#like_form_<%= @post.id.to_s %>").html("<%= escape_javascript(render(:partial => 'users/unlike', :locals => {:post => @post})) %>")

我想添加一行，之后在我的视图中更新 div class="like-count'。

home.html:

<div class="like-count<%= "_"+ post.id.to_s%>">
  <%= user_post.likers.count.to_s %>
</div>

我有很多帖子显示在提要中，我使用 post.id.to_s 来选择要更新的特定帖子，例如计数。为了进行测试，我针对特定的帖子 id=94 使用了下面的代码，但它似乎不起作用。

新的 create.js.erb：

$("#like_form_<%= @post.id.to_s %>").html("<%= escape_javascript(render(:partial => 'users/unlike', :locals => {:post => @post})) %>"
$(".like-count_94").reset();

任何关于正确功能的输入或我出错的地方都会很棒，非常感谢。

Answer 1

如果您的 like-count div 是唯一的，为什么不使用 ID 而不是类呢？

$("#like-count").reset();

如果它确实需要是一个类，并且由于您要获取第一个类，则可以将此语法用于first 方法（jsfiddle）：

$(".like-count").first().text('NEW TEXT/CONENT TO ADD');

我不相信这是正确的 jQuery 语法：

$(".like-count").[0].reset();